/* @group @m-social-list */

.m-social-list {
display: grid;
grid-template-columns: repeat(3, var(--spacing-section));
grid-column-gap: var(--spacing-small);
justify-content: center;
margin-bottom: var(--spacing-section-small);
}

.m-social-list a {
display: flex;
justify-content: center;
align-items: center;
width: var(--spacing-section);
height: var(--spacing-section);
background: hsla(0, 0%, 100%, .125);
}

.m-social-list svg {
width: 1.5rem;
height: 1.5rem;
fill: currentColor;
}

/* @end @m-social-list */