.tier-current, .tier-next {
    flex: 1;
    text-align: left;
    position: relative;
}

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

.tier-next {
    background: var(--color-kent-grey-10);
    margin: 6px 0;
    padding: 12px 14px 12px 30px;
}

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

.tier-current::before {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    border-top: 47px solid transparent;
    border-bottom: 46px solid transparent;
    border-left: 16px solid var(--color-kent-yellow);
    z-index: 4;
}