/* ==== DEFAULT ==== */
footer {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    gap: 3rem;
    padding: 30px 10px;
    
    background-color: #e5e5e5;
    box-shadow: 0 -2px 20px rgba(139, 139, 139, 0.3);

    transition: color 0.4s ease;
}

.menu--footer { gap: 2rem; }

.menu--social {
    display: flex;
    justify-content: center;
}

.menu--social .icon {
    font-size: clamp(2.5rem, 2.4rem + 0.6vw, 2.8rem);
    color: #0e3245;
}

.menu--footer .menu__link {
    font-size: clamp(0.7rem, 1vw, 0.85rem);
    color: #464646;
}

#btn-top { transition: transform 0.4s ease; }
#btn-top:hover { transform: translateY(-16px); }

@media (min-width: 1024px) {
    footer {
        flex-direction: row;
        justify-content: center;
    }
}

/* ==== STATES ==== */
.menu--footer .menu__link:hover { color: #171717; }
.menu--social .icon:hover { color: #08212b;; }