/* ======================================================
   Social Media
====================================================== */

.social-module {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.social-module a {
    display: inline-block;
}

.social-module img {
    width: 40px;
    height: 40px;
    margin: 10px 0 16px;
    border-radius: 8px;
    box-shadow: 1px 3px #bfbfbf;
    transition:
        transform 0.2s ease-in-out,
        box-shadow 0.2s ease-in-out;
}

.social-module img:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 2px 5px #666;
}

/* ======================================================
   Mobile
====================================================== */

@media (max-width: 767px) {

    .social-module {
        gap: 10px;
    }

    .social-module img {
        width: 36px;
        height: 36px;
        margin: 8px 0 12px;
    }
}