.float-wa{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
    }

    @keyframes tintineo {
  
    50% { opacity: 0; }
    100% { opacity: 1; }
  }

  .float-wa {
    animation-name: tintineo;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 2em; /* Tamaño de fuente grande para ver el efecto */
    /*color: #333;*/
    margin: 20px;
  }

  
  .float-wa:hover{
  /* -webkit-animation: tiembla 0.1s infinite; */
  background-color:#119943;
}
  

.float-wa{
  -webkit-animation: tiembla 2s infinite;
}

@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-5deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.8); }
  100%{ -webkit-transform:rotateZ( 5deg); }
}