.fixed-social-icons { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 15px; z-index: 9999; } .social-icon { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white !important; font-size: 26px; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: transform 0.3s ease, filter 0.3s ease; } .phone { background: #2196F3; } .whatsapp { background: #4ADE80; } .social-icon:hover { transform: scale(1.1); filter: brightness(1.1); } @media (max-width: 767px) { .social-icon { width: 48px; height: 48px; font-size: 22px; } }