.whatsapp-button {
      position: fixed;
      top: 90%;
      right: 20px;
      transform: translateY(-50%);
      background-color: #25d366;
      color: white;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      z-index: 999;
      transition: all 0.3s ease;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
    }

    .whatsapp-button:hover {
      background-color: #1e8148;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

    .whatsapp-button:active {
      transform: scale(0.95);
    }

    @media (max-width: 768px) { 
      .whatsapp-button {
        width: 50px;
        height: 50px;
      }
    }

    @media (max-width: 480px) { 
      .whatsapp-button {
        right: 15px; 
      }
    }

    @media (max-width: 375px) { 
      .whatsapp-button {
        right: 10px; 
      }
    }

    .whatsapp-icon {
      font-size: 28px;
    }

    @media (max-width: 768px) { 
      .whatsapp-icon {
        font-size: 30px; 
      }
    }

    @media (max-width: 480px) { 
      .whatsapp-icon {
        font-size: 26px; 
      }
    }

    @media (max-width: 375px) { 
      .whatsapp-icon {
        font-size: 24px; 
      }
    }