.social-icon { background: rgba(0, 0, 0, 0.7); border: 1px solid #CCC; border-radius: 7px; color: #E6E6FA; fill: #E6E6FA; padding: 3px 3px; display: flex; justify-content: center; align-items: center; } .social-icon:hover { color: var(--secondary-color); fill: var(--secondary-color); } /* Большие мониторы (до 1920px) */ @media (max-width: 1920px) { .social-icon { border-radius: 7px; font-size: 1.5rem; width: 30px; height: 30px; margin-right: 3px; padding: 3px 3px; } } /* Маленькие смартфоны (до 375px) */ @media (max-width: 375px) { .social-icon { border-radius: unset; font-size: 1.2rem; width: 25px; height: 25px; margin-right: 0; padding: 0; } }