/* Floating WhatsApp Button */
 #whatsapp-button {
     position: fixed;
     bottom: 25px;
     right: 25px;
     z-index: 9999;
     width: 65px;
     height: 65px;
     background: linear-gradient(145deg, #25D366, #20b957);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     transition: all 0.3s ease;
     overflow: visible;
     backdrop-filter: blur(6px);
     animation: pulse 2s infinite;
 }

 #whatsapp-button:hover {
     transform: scale(1.12) rotate(5deg);
     box-shadow: 0 8px 20px rgba(37, 211, 102, 0.6);
 }

 #whatsapp-button img {
     width: 36px;
     height: 36px;
     pointer-events: none;
 }

 /* Tooltip Styling */
 .tooltip {
     position: absolute;
     /* left: 80px; */
     right: 80px;
     background-color: #25D366;
     color: #fff;
     padding: 8px 14px;
     border-radius: 6px;
     font-size: 14px;
     white-space: nowrap;
     opacity: 0;
     transform: translateY(0);
     transition: all 0.3s ease;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }

 #whatsapp-button:hover .tooltip {
     opacity: 1;
     transform: translateY(-5px);
 }

 /* Pulse Animation */
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
     }

     70% {
         box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
     }
 }

 /* Responsive for mobile */
 @media (max-width: 768px) {
     #whatsapp-button {
         width: 55px;
         height: 55px;
         bottom: 15px;
         /* left: 15px; */
         right: 15px;
     }

     .tooltip {
         display: none;
     }
 }