.whatsapp-button {
       background: #25D366;
       border: 3px solid #1cc15a;
       border-radius: 50%;
       box-shadow: 0 8px 10px rgba(7, 206, 112, 0.6);
       cursor: pointer;
       height: 68px;
       text-align: center;
       width: 68px;
       position: fixed;
       right: 5%;
       bottom: 8%;
       z-index: 9999;
       transition: .3s;
}
  
.whatsapp-button .text-button {
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}
.whatsapp-button .text-button span {
    text-align: center;
    color:#23a455;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 10px;
        top: 25px;
    line-height: 14px;
        font-weight: 600;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}
.whatsapp-button .text-button:hover span {
    opacity: 1;
        font-size: 11px;
}
.whatsapp-button:hover i {
        display:none;
}
.whatsapp-button:hover {
    z-index:1;
    background:#fff;
    color:transparent;
    transition:.3s;
}
.whatsapp-button:hover i {
    color:#25D366;
    font-size:44px;
    transition:.3s;
}
.whatsapp-button i {
    color:#fff;
    font-size:44px;
    transition:.3s;
    line-height: 60px;transition: .5s ease-in-out;
}