.footer {
    position: relative;
    padding: var(--space-l) var(--space-l) var(--space-s);
    background-color: var(--mbv-gray);
}

.footer__content, .footer__column {
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
}

.footer__content {
    max-width: 900px;
    margin: 0 auto;
}

.footer__links {
    display: flex;
    gap: var(--space-l);
}

.footer__column-title {
    color: #fff;
    font-family: "MBCorpoSTextCondRegular", sans-serif;
    font-size: var(--step-1);
}

.footer__column-link {
    color: #fff;
    line-height: var(--step-1);
}


.footer__column-link:is(:hover, :active, :focus-within) {
    text-decoration: underline;
    color: var(--mbv-light-blue);

    a {
        outline: none;
    }
}

.footer__bottom {
    display: flex;
    align-items: flex-end;
    font-size: var(--step--1);
    justify-content: space-between;

    a:is(:hover, :active, :focus-within) {
        color: var(--mbv-light-blue);
        text-decoration: underline;
        outline: none;
    }
}

.footer__oec-logo {
    display: flex;
    align-items: flex-end;
    gap: var(--space-xs);
}

.footer__scroll-button {
    position: absolute;
    top: var(--space-xs);
    right: var(--space-s);
    font-size: var(--step-0);
    color: #fff;
}

@media only screen and (max-width:768px) { 
    .footer__bottom {
        flex-direction: column;
        align-items: center;
        padding-bottom: 70px;
        gap: var(--space-m);
    }
}