.list-social
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
@media only screen and (min-width: 820px)
{
    .list-social
    {
        justify-content: flex-end;
    }
}
.list-social-item .icon
{
    height: 2rem;
    width: 2rem;
}
.list-social-link
{
    display: flex;
    align-items: center;
    color: var(--text-primary);
    transition: color .25s ease-out;
}
.list-social-link:hover
{
    color: var(--text-link-hover);
}