.data-widget-main {
    background: #F5F5F5;
    padding: 10px;
}
.tier-current, .tier-next, .tier-last {
    flex: 1;
    padding-bottom: 3px;
    text-align: left;
    position: relative;
}

.tier-current {
    background: #FFCD00;
    border: 4px solid #fff;
    border-right-width: 2px;
    z-index: 2;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    padding: 14px 0 13px 14px;
}

.tier-next {
    background: #D9D9D9;
    margin: 6px 0;
    padding: 12px 14px 12px 30px;
}

.tier-last {
    background: #FFCD00;
    border: 5px solid #fff;
    z-index: 2;
    padding: 18px 18px 16px 18px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.tier-current::after {
    content: "";
    position: absolute;
    top: -5px;
    right: -20px;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
    border-left: 18px solid #fff;
    z-index: 3;
    filter: drop-shadow(8px 0 4px rgba(0,0,0,0.1));
}

.tier-current::before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    border-top: 47px solid transparent;
    border-bottom: 47px solid transparent;
    border-left: 15px solid #FFCD00;
    z-index: 4;
}

.tier-title {
    margin-bottom: 3px;
}

.tier-percent {
    margin-bottom: 3px;
}

.widget-button {
    background-color: #FFF0B3;
    border-color: #FFCD00;
}

.apply-now-without-permissions {
    background-color: #F6F6F6;
    border: 1px solid #CFD4DE;
}