#footer {
    display: grid;
    padding: 1rem;
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* top */
.footer-top button {
    grid-column: span 2;
    color: black !important;
}
@media screen and (min-width: 1024px) {
    .footer-top button {
        grid-column: span 1;
    }
}

.footer-pages {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .footer-pages {
        display: flex;
        grid-column: 4/-1;
    }
}

.footer-pages ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1rem;
}
@media screen and (min-width: 1024px) {
    .footer-pages ul {
        display: flex;
        margin-left: auto;
    }
}

.footer-pages li {
    grid-column: span 2;
    margin-top: .5rem;
}
@media screen and (min-width: 1024px) {
    .footer-pages li {
        margin-top: 0;
        margin-left: 1.5rem;
    }
}

/* middle */
.footer-middle {
    margin-top: .5rem;
    border-top: 1px solid black;
    padding-top: .5rem;
    height: 0;
    overflow-y: hidden;
    transition: 500ms ease-in-out;
}
.footer-middle.active {
    margin-bottom: .5rem;
}

.footer-middle a {
    display: block;
}

.footer-section {
    grid-row: 1;
    visibility: hidden;
    height: fit-content;
}

.footer-section.active {
    visibility: visible;
}


.footer-contacts_section {
    grid-column: 1/-1;
}

.footer-social_section {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .footer-social_section {
        grid-column: 2/-1;
    }
}

.footer-finance_section {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .footer-finance_section {
        grid-column: 3/-1;
    }
}

.footer-finance_section img {
    width: 8rem;
}

/* bottom */
.footer-bottom a {
    display: inline;
}

/* HOVER */
@media (hover: hover) {
    .footer-bottom a:hover {
        font-weight: 700;
    }
}