.ar-wa-float{
position: fixed;
right: 16px;
bottom: 16px;
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #25D366;
box-shadow: 0 6px 16px rgba(0,0,0,.22);
z-index: 2147483647;
text-decoration: none;
}
/* Icono perfectamente centrado */
.ar-wa-float i.fa{
color: #fff;
font-size: 26px;
line-height: 1;
display: block;
/* Ajuste óptico fino (como la 2ª imagen) */
transform: translate(0px, 1px);
}
.ar-wa-float:hover{
background: #20c55e;
}
/* Móvil */
@media (max-width: 768px){
.ar-wa-float{
right: 12px;
bottom: 12px;
width: 44px;
height: 44px;
}
.ar-wa-float i.fa{
font-size: 24px;
}
}
.ar-wa-float{
position: fixed;
right: 16px;
bottom: 16px;
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #25D366;
box-shadow: 0 6px 16px rgba(0,0,0,.22);
z-index: 2147483647;
text-decoration: none;
}
.ar-wa-float svg{
display: block;
}
.ar-wa-float:hover{
background: #20c55e;
}
@media (max-width: 768px){
.ar-wa-float{
right: 12px;
bottom: 12px;
width: 44px;
height: 44px;
}
}