#botones-flotantes{
position:fixed;
top:calc(50% - 55px);
right:0;
z-index:9999;
display:flex;
flex-direction:column;
align-items:flex-end;
}
#botones-flotantes a{
display:flex;
align-items:center; margin-bottom:10px;
max-width:60px;
min-width:0;
height:50px;
overflow:hidden;
-o-transition:0.5s all;
-ms-transition:0.5s all;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;
transition:0.5s all;
position:relative;
}
#botones-flotantes a img{
width:50px;
height:50px;
z-index:99
}
#botones-flotantes a span
{
color:#fff;
display:block;
white-space:nowrap;
padding:7px 30px;
margin-left:-10px;
width:100%;
font-weight:bold;
font-size:15px
}
#botones-flotantes a:hover{
max-width:200px;
min-width:200px;
text-decoration:none
}
#botones-flotantes a.whatsapp span{
background:#009e33
}
#botones-flotantes a.telefono span{
background:#f00
}
#botones-flotantes a.mobile{
display:none
}
@media (max-width:767px){
#botones-flotantes{
top:80%;
right:15px;
display:flex;
position:fixed;
z-index:9999;
flex-direction:column;
align-items:flex-end;
}
#botones-flotantes a{
width:40px;
max-width:40px;
min-width:40px;
height:40px;
}
#botones-flotantes a img{
width:40px;
height:40px
}
#botones-flotantes a span{
display:none
}
#botones-flotantes a.mobile{
display:block
}
#botones-flotantes a.web{
display:none
}
#botones-flotantes a:hover{
max-width:40px;
min-width:40px
}
}