.social-links { display: flex; align-items: center; gap: 9px; }
.social-label { font-size: 10px; text-transform: uppercase; letter-spacing: .15em; margin-right: 18px; }
.social-links a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; transition: color .2s, background .2s; }
.social-links a:hover { background: #e7eff7; color: var(--blue); }
@media (max-width: 600px) { .social-label { font-size: 9px; margin-right: 9px; } .social-links { gap: 5px; } }