.whatsapp-btn {
     position: fixed;
     bottom: 4.5vh;
     right: 1vw;
     width: 6em;
     height: 6em;
     /* background-color: #25D366; */

     background: linear-gradient(to right, #17b14f, #3fda78, #1dc059);

     color: white;
     border-radius: 50% 50% 45% 0%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     font-size: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.65);
     animation: pulse 2s infinite;
     z-index: 1000;
     transition: background-color 0.2s ease;
     padding: 0px;
     overflow: hidden;

     background-size: 300% auto;
     /* Esto permite animar el fondo */
     background-position: left center;
     transition: background-position 1s ease-in-out;

     transform-style: preserve-3d;
     margin: 0px;
     padding-left: -50px;

     background: linear-gradient(to bottom right,
             rgba(23, 177, 9, 0.9),
             rgba(63, 218, 120, 0.7),
             rgba(29, 192, 89, 0.5));
     backdrop-filter: blur(18px);
     backdrop-filter: blur(18px) saturate(250%);
      opacity: 0.95;
 }

 .whatsapp-btn:hover {
     background-color: #1ebe5b;
     background: linear-gradient(to right, #17b14f, #3fda78, #1dc059);
     background-position: right center;
     transform: perspective(1.1);
     transform: rotateY(-10deg) scale(1.50);
     transform: scale(1.50) !important;
     height: 75px;
      
     backdrop-filter: blur(18px);
     backdrop-filter: blur(18px) saturate(250%);

 }

 .wts-svg {
     position: fixed;
     bottom: 20px;
     right: 10px;
 }

 .whatsapp-btn span {
     line-height: 1;
     /* padding: -10px; */
     font-size: 19px;
     font-weight: bold;

     position: fixed;
     bottom: 5px;
     right: 15px;

 }

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.05);
     }

     100% {
         transform: scale(1);
     }
 }

 @media (max-height: 1100px) {
     .whatsapp-btn {
         bottom: 6vh;
         width: 6em;
         height: 6em;
     }

     .whatsapp-btn span {
         font-size: 18px;
         /* bottom: 5px; */
         /* right: 15px; */
     }

 }

 @media (max-height: 900px) {
     .whatsapp-btn {
         bottom: 7vh;
         width: 5.5em;
         height: 5.5em;
     }

     .whatsapp-btn span {
         font-size: 17px;
         right: 14px;
     }
     .wts-svg {
         bottom: 17px;

     }

 }

 @media (max-height: 750px) {
     .whatsapp-btn {
         bottom: 8.5vh;
         width: 5em;
         height: 5em;
     }

     .whatsapp-btn span {
         font-size: 16px;
         right: 13px;
     }

     .wts-svg {
         bottom: 15.5px;

     }
 }

 @media (max-height: 500px) {
     .whatsapp-btn {
         bottom: 14vh;
         width: 4.5em;
         height: 4.5em;

     }

     .whatsapp-btn span {
         font-size: 15px;
         bottom: 5px;
         right: 10px;
     }

     .wts-svg {
         bottom: 16px;
         right: 8px;
     }
 }