/* Container positioning */
  .custom-wa-widget {
    position: fixed;
    bottom: 30px; /* Distance from bottom */
    right: 30px;  /* Distance from right */
    z-index: 9999;
    /* Floating Animation */
    animation: wa-float 3s ease-in-out infinite;
  }

  /* Stop floating when user hovers over it */
  .custom-wa-widget:hover {
    animation-play-state: paused;
  }

  /* The Button Styling */
  .custom-wa-btn {
    display: flex;
    align-items: center;
    justify-content: center; /* Perfectly centers icon and text */
    gap: 10px; /* Space between icon and text */
    background-color: #1b1b1b;
    color: #ffffff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px; /* Makes it an oval/pill shape */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
  }

  /* Hover Effect */
  .custom-wa-btn:hover {
    background-color: #333333;
    transform: scale(1.05); /* Slightly enlarges on hover */
  }

  /* WhatsApp Icon Styling */
  .custom-wa-btn svg {
    width: 24px;
    height: 24px;
    fill: #ffffff;
  }

  /* The Floating Keyframes */
  @keyframes wa-float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
  }