.staff-promos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    width: 1114px;
    margin: 0 auto;
    margin-bottom: 25px;

    &:empty {
        display: none;
    }

    & .staff-promo {
        background: #fff;
        border-radius: 6px;
        padding: 50px;
        height: 256px;
        display: grid;
        transition: 0.2s ease all;
        grid-template-rows: auto 100px auto;

        & .promo-type {
            color: #aaa;
            justify-self: left;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0.3em;
        }
        & .promo-title {
            font-weight: bold;
            font-size: 34px;
            justify-self: left;
            align-self: flex-start;
            letter-spacing: -0.025em;
            color: #222;
        }
        & .promo-button {
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            padding: 10px 25px;
            color: #fff;
            background: #aaa;
            justify-self: left;
            border-radius: 6px;
            transition: 0.2s ease-in-out all;

            &:hover {
                cursor: pointer;
                opacity: 0.6;
            }
        }

        &.promo-loading {
            background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.2), rgba(255,255,255,0.1));
            animation-name: promoLoadingShimmer;
            animation-fill-mode: forwards;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-duration: 1s;
        }
    }
}
.song-row-new {
    margin-bottom: 25px;
}

@keyframes promoLoadingShimmer {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: 544px 0px;
    }
}