.social-link { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #9592A5; box-shadow: 0 2px 8px rgba(0,0,0,0.04); transition: background 0.2s; } .social-link i { font-size: 1.25rem; color: #fff; } /* Improved contrast for accessibility (WCAG) */ .social-link:hover { background: #3a3750; } .social-link:hover i { color: #fff; filter: brightness(1.5) drop-shadow(0 0 2px #222); } /* === Стили из