:root {
    --specials-banner-bg: var(--secondary-base);
    --specials-banner-bg-alt: var(--secondary-base-alt);
}
#specials_banner {
    background: var(--specials-banner-bg);
    color: var(--specials-banner-bg-alt);
    padding: 1rem;
    text-align: center;
    width: 100%;
}
#specials_banner a {
    position: relative;
    transition: all 0.4s ease-in-out;
}
#specials_banner a:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 1px;
    background: var(--specials-banner-bg-alt);
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.4s ease-in-out;
    width: 100%;
}
#specials_banner a:hover {
    opacity: 0.7;
}
#specials_banner a:hover:before {
    transform: scaleX(1);
}