.bt-whatsapp-api {
    position:fixed;
    bottom: 10px;
    left: 10px;
    z-index:99999;
}
.bt-whatsapp-api:hover .ballon-whatsapp-api {
    transition:all .5s ease;
    opacity:1
}
.bt-whatsapp-api a:hover,
.bt-whatsapp-api a:focus {
    text-decoration: none;
}
.icon-whatsapp {
    border-radius: 100%;
    background:#25D366;
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow:1px 1px 30px 0 rgba(0,0,0,.22);
    -moz-box-shadow:1px 1px 30px 0 rgba(0,0,0,.22);
    box-shadow:1px 1px 30px 0 rgba(0,0,0,.22);
    transition:all .5s ease;
    color:#fff;
    width:70px;
    height:70px;
    text-align:center;
}
.icon-whatsapp:hover {
    transition:all .5s ease;
    color:#fff;
    -webkit-box-shadow:1px 3px 50px 3px rgba(0,0,0,.5);
    -moz-box-shadow:1px 3px 50px 3px rgba(0,0,0,.5);
    box-shadow:1px 3px 50px 3px rgba(0,0,0,.5)
}
.ballon-whatsapp-api {
    transition:all .5s ease;
    opacity:0;
    position:fixed;
    left: 86px;
    background:#fff;
    z-index:999999;
    padding:.5em;
    border:1px solid #e8e8e8;
    border-radius: 100px 100px 100px 10px;
    color:#565656;
    -webkit-box-shadow:1px 1px 133px -30px rgba(0,0,0,.75);
    -moz-box-shadow:1px 1px 133px -30px rgba(0,0,0,.75);
    box-shadow:1px 1px 133px -30px rgba(0,0,0,.75);
}