.at-footerBanner {
    padding-block: 2.5rem;
    color: var(--clr1-normal);
    background: var(--clr1-xlight);
}

.at-footerBanner--clr2 {
    color: #fff;
    text-shadow: var(--txtShadow);
    background: var(--clr2-soft) url(/ui/davidsfonds-2022/image/bg-quotes.png);
}

.at-footerBanner--clr3 {
    color: var(--clr-xblack);
    background: var(--clr3-soft) url(/ui/davidsfonds-2022/image/bg-quotes.png);
}

.at-footerBanner__box {
    position: relative;
}

.at-footerBanner__title {
    padding-right: 3rem;
    font-size: var(--txtSize-2);
    font-family: var(--fam-light);
    line-height: var(--lnHeight-xs);
}

@media (min-width: 990px) {
    .at-footerBanner__title {
        padding-right: 0;
    }
}

.at-footerBanner__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-decoration: none;
    color: inherit;
}

.at-footerBanner__link::after {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 2rem;
    transition: transform var(--transition-time) ease-in-out;
}

.at-footerBanner__link:hover::after {
    transform: translate(-.2em, -50%);
}