.whatsapp-float { position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; z-index: 99999; } .whatsapp-float:hover { background: #1ebe5d; transform: scale(1.08); } .whatsapp-float:focus { outline: 2px solid #25D366; outline-offset: 4px; } .whatsapp-float svg { display: block; width: 30px; height: 30px; } @media (max-width: 768px) { .whatsapp-float { width: 56px; height: 56px; right: 16px; bottom: 16px; } .whatsapp-float svg { width: 28px; height: 28px; } }

My Blog

Blog