.whatsapp-button {
      position: fixed;
      bottom: 20px; /* Adjust distance from the bottom */
      right: 20px; /* Adjust distance from the right */
      z-index: 1000; /* Ensure it stays on top of other elements */
      background-color: #25d366; /* WhatsApp green */
      color: #fff; /* White icon color */
      width: 60px;
      height: 60px;
      border-radius: 50%; /* Make it circular */
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Add shadow */
      cursor: pointer;
      transition: transform 0.3s ease, background-color 0.3s ease;
    }

    .whatsapp-button:hover {
      transform: scale(1.1); /* Zoom effect */
      background-color: #1ebe5b; /* Darker green on hover */
    }

    .whatsapp-button i {
      font-size: 28px; /* Icon size */
    }