.whatsapp-button {
 position: fixed;
 
 right: 20px;
  bottom: 20px;
   width: 60px;
    height: 60px;
    
 background: #25D366;
  border-radius: 30px;
   display: flex;
    align-items: center;
     justify-content: center;
      box-shadow: 0 4px 10px rgba(0,0,0,.3);
       text-decoration: none;
        transition: width 0.3s ease;
        z-index: 99999;
         } 
.whatsapp-button:hover {
 width: 220px;
  }
.whatsapp-text {
 color: white;
  font-family: Arial, sans-serif;
   font-size: 16px;
    font-weight: bold;
     white-space: nowrap;
      opacity: 0;
       width: 0;
        overflow: hidden;
         transition: opacity 0.2s ease, width 0.3s ease;
          }
.whatsapp-button:hover .whatsapp-text {
 opacity: 1;
  width: 150px;
   margin-left: 10px;
    }
.whatsapp-button svg {
 flex-shrink: 0;
  }