.whatsapp-float {
      position: fixed;
      bottom: 25px;
      left: 25px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
      text-decoration: none;
      transition: all 0.3s ease;
      backdrop-filter: blur(5px);
      /* Liquid Glass effect */
  }

  .whatsapp-float:hover {
      transform: scale(1.1);
      background-color: #128c7e;
  }

  /* Optional: "Chat with us" tooltip */
  .whatsapp-float::after {
      content: "WhatsApp";
      position: absolute;
      left: 75px;
      background: rgba(255, 255, 255, 0.8);
      color: #333;
      padding: 8px 15px;
      border-radius: 20px;
      font-size: 14px;
      font-family: sans-serif;
      white-space: nowrap;
      opacity: 0;
      transition: opacity 0.3s;
      pointer-events: none;
  }

  .whatsapp-float:hover::after {
      opacity: 1;
  }