@charset "utf-8";
/* CSS Document */

.whatsapp-call-float { position: fixed; width: 60px; height: 60px; top: 20px; left: 20px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; border: 3px solid #ffffff; } .whatsapp-call-float:hover { transform: scale(1.1); box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4); background-color: #128c7e; } .whatsapp-call-float::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; background-color: #25d366; border-radius: 50px; z-index: -1; animation: pulse 2s infinite; opacity: 0.3; } @keyframes pulse { 0% { transform: scale(1); opacity: 0.3; } 50% { transform: scale(1.1); opacity: 0.1; } 100% { transform: scale(1); opacity: 0.3; } } @media (max-width: 768px) { .whatsapp-call-float { width: 50px; height: 50px; font-size: 24px; top: 15px; left: 15px; } }