.social-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.social-links a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 14px; border: 1px solid rgba(127,127,127,.35); border-radius: 12px; color: inherit; font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color .2s, border-color .2s; }
.social-links a:hover { background: rgba(227,1,101,.1); border-color: #E30165; }
.social-links svg { display: block; width: 20px; height: 20px; flex-shrink: 0; }
.social-links--vertical { flex-direction: column; align-items: stretch; width: fit-content; max-width: 100%; }
.social-links--vertical a { justify-content: flex-start; }