/* =========================================================
   FOOTER SOCIAL ICONS
   ========================================================= */

.footer-socials {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-social-link {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;

    color: #ffffff;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* SVG */

.footer-social-link svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;

    display: block;
}


/* Instagram small dot */

.footer-social-link .social-icon-dot {
    fill: currentColor;
    stroke: none;
}


/* Hover */

.footer-social-link:hover {
    background: #c6a15b;
    border-color: #c6a15b;
    color: #173b32;

    transform: translateY(-3px);
}


/* Keyboard accessibility */

.footer-social-link:focus-visible {
    outline: 2px solid #c6a15b;
    outline-offset: 3px;
}


/* Mobile */

@media (max-width: 600px) {

    .footer-socials {
        gap: 10px;
    }

    .footer-social-link {
        width: 40px;
        height: 40px;
    }

    .footer-social-link svg {
        width: 18px;
        height: 18px;
    }
}