/*** GENERAL EASING ***/
.creative-eased, .creative-eased .list-item, .creative-eased a {
    transition: all linear 0.1s;
}

body:not(.finetune) .brooks-light-cta::after,
body:not(.finetune) .brooks-dark-cta::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 4px;
}

body:not(.finetune) .brooks-dark-cta::after {
    background-color: rgb(14, 19, 31);
}

body:not(.finetune) .brooks-light-cta::after {
    background-color: rgb(248, 245, 240);
}

body:not(.finetune) .brooks-light-cta:hover::after,
body:not(.finetune) .brooks-dark-cta:hover::after {
    animation: swipe 0.5s forwards ease;
}

/*** CTA ANIMATION ***/
@keyframes swipe {
    from { width: 0; }
    to { width: 100%; }
}