footer {
    background-color: var(--white);
}

.footer__wrapper {
    border-radius: 4rem 4rem 0 0;
    padding: 7.2rem 0 2.4rem;
    background-color: var(--brown);
    color: var(--white);
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer a {
    font-weight: 400 !important;
}

footer .collapser__button {
    margin-bottom: 1.6rem;
}

    footer .collapser__button h3 {
        color: var(--white);
    }

    footer .collapser__button span {
        border-color: var(--white);
    }

    footer .collapser__button span:before,
    footer .collapser__button span:after {
        background-color: var(--white);
    }

footer .footer__logo span:last-of-type {
    color: var(--pink);
}

footer .container {
    display: flex;
}

    footer .container > div {
        flex: 1;
    }

        footer .container > div.col--logo {
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
        }

    footer .container:first-of-type ul {
        display: flex;
        flex-flow: column;
        gap: .8rem;
    }

    footer .container:last-of-type {
        border-top: .1rem solid rgba(255, 255, 255, .2);
        margin-top: 2.4rem;
        padding-top: 2.4rem;
    }

        footer .container:last-of-type div,
        footer .container:last-of-type ul {
            display: flex;
            align-items: center;
            gap: 2.4rem;
        }

            footer .container:last-of-type div:last-of-type {
                justify-content: flex-end;
            }

footer .richtext a:not(.button) {
    color: var(--white);
    background-image: linear-gradient(var(--white), var(--white));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 .1rem;
}

footer .richtext ul {
    padding: 0;
}

footer .richtext ul li:before {
    content: none;
}

@media (pointer: fine) {
    footer .richtext a:hover {
        background-size: 100% .1rem;
    }

    footer .richtext .footer__socials a {
        background-image: none;
    }

        footer .richtext .footer__socials a:hover {
            transform: scale(1.15);
        }
}

@media(max-width: 1023px) {
    footer .footer__wrapper {
        padding-bottom: 4.8rem;
    }

    footer .container {
        flex-flow: column;
        gap: 1.6rem;
    }

        footer .container .col {
            margin: 0;
        }

    footer .collapser__button {
        margin-bottom: 0;
        outline: none;
    }

    footer .footer__logo {
        width: 100%;
        text-indent: -9000px;
        background-image: url(/images/logo.svg);
        background-size: cover;
        aspect-ratio: 262 / 87;
        margin: calc(4.8rem - 1.6rem) 0 calc(4.8rem - 2.4rem);
    }

    footer .container:last-of-type div:last-of-type {
        width: 100%;
        justify-content: center;
        margin-top: calc(4.8rem - 1.6rem);
    }

    footer .container:last-of-type .footer__bottom {
        justify-content: center;
        align-items: center;
        flex-flow: column;
        margin-top: 0 !important;
    }

    footer .container:last-of-type ul {
        width: 100%;
        justify-content: center;
    }
}