.social-media{
    margin: 0;
    padding: 0;
}

.social-media li{
    display: block;
    list-style: none;
    margin-bottom: 2rem;
}

.social-media li a{
    font: var(--font-menu);
    letter-spacing: var(--font-menu--spacing);
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
}

.social-media li a span{
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-media li a:is(:hover, :focus, :active){
    text-decoration: none;
}

.social-media li a:is(:hover, :focus, :active) span{
    text-decoration: underline;
}

.social-media li a img{
    width: 2rem;
    margin-right: 0.5rem;
}