footer {
    padding: 48px 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    border-top: 0.83px solid #f1f5f9;
    color: #94a3b8;
    font-size: 1.15em;

    .footer-logo {
        height: 40px;
    }

    a {
        color: #94a3b8;
    }

    .socials {
        svg {
            stroke: #0f4c81;
        }
    }
}

@media (max-width: 768px) {
    footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 24px;
        padding: 36px 5%;
    }
}