.social-links { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-6); }
.social-links__item { display: grid; place-items: center; inline-size: var(--control-min-size); block-size: var(--control-min-size); color: var(--color-text); border-radius: var(--radius-round); transition: color var(--dur-fast) var(--ease-standard); }
.social-links__item .icon { inline-size: var(--space-10); block-size: var(--space-10); }
.social-links__item[href]:hover { color: var(--color-brand-action); }

.social-links--start { justify-content: flex-start; }