/* Bubble container */
 .whatsapp-bubble {
     position: fixed;
     bottom: 20px;
     right: 20px;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     backdrop-filter: blur(15px);
     -webkit-backdrop-filter: blur(15px);
     background: rgba(255, 255, 255, 0.15);
     border: 1px solid rgba(255, 255, 255, 0.3);
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
     overflow: hidden;
 }

 /* Liquid effect */
 .whatsapp-bubble::before {
     content: "";
     position: absolute;
     width: 200%;
     height: 200%;
     background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4), transparent);
     animation: liquidMove 6s infinite linear;
 }

 @keyframes liquidMove {
     0% {
         transform: translate(-25%, -25%) rotate(0deg);
     }

     100% {
         transform: translate(-25%, -25%) rotate(360deg);
     }
 }

 .whatsapp-bubble:hover {
     transform: scale(1.1);
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
 }

 /* Icon */
 .whatsapp-bubble img {
     width: 32px;
     height: 32px;
     z-index: 2;
 }

 /* Tooltip */
 .tooltip {
     position: absolute;
     right: 80px;
     background: rgba(0, 0, 0, 0.7);
     color: #fff;
     padding: 8px 12px;
     border-radius: 10px;
     font-size: 14px;
     opacity: 0;
     pointer-events: none;
     transform: translateY(10px);
     transition: all 0.3s ease;
     white-space: nowrap;
 }

 .whatsapp-bubble:hover .tooltip {
     opacity: 1;
     transform: translateY(0);
 }

 /* Responsive */
 @media (max-width: 600px) {
     .whatsapp-bubble {
         width: 60px;
         height: 60px;
     }

     .whatsapp-bubble img {
         width: 28px;
         height: 28px;
     }
 }