.socialmedia {
    h2 {
        margin-top: 0 !important;
    }
}

.socialmedia__link {
    margin-top: 0 !important;    

    a {
        text-decoration: none;
        border-bottom: 2px solid transparent;
        
        &:hover {
            border-color: var(--wp--preset--color--dark-text);
        }
    }
}

.socialmedia__container {
    gap: 24px !important;

    figure {
        transition: all 0.4s ease;
        object-fit: cover !important;

        &:hover {
            transform: translateY(-4px);
        }
    }
}

@media only screen and (max-width: 576px) {
   
    .socialmedia {
        .container {
            padding-left: 24px !important;
            padding-right: 24px !important;
        }
    }
   
    .socialmedia__container {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important; 
        gap: 16px !important;
        
        figure {
            width: 48px !important; 
            height: 48px !important;

            a {
                width: 100%;
                height: 100%;
            }
        }
    }


}