.sova-wa-float{
position:fixed;
display:flex;
align-items:center;
pointer-events:none;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.sova-wa-float__button{
--sova-wa-size:58px;
--sova-wa-bg:#25D366;
--sova-wa-text:#fff;
min-height:var(--sova-wa-size);
display:flex;
align-items:center;
gap:10px;
padding:0 18px 0 12px;
border-radius:999px;
background:var(--sova-wa-bg);
color:var(--sova-wa-text) !important;
text-decoration:none !important;
box-shadow:
0 12px 30px rgba(0,0,0,.16),
0 4px 12px rgba(0,0,0,.10);
pointer-events:auto;
transform:translateZ(0);
transition:
transform .25s ease,
box-shadow .25s ease,
filter .25s ease;
}
.sova-wa-float__button:hover{
transform:translateY(-4px) scale(1.02);
box-shadow:
0 18px 40px rgba(0,0,0,.20),
0 6px 16px rgba(0,0,0,.12);
filter:brightness(1.03);
color:var(--sova-wa-text) !important;
}
.sova-wa-float__button:focus-visible{
outline:3px solid rgba(37,211,102,.28);
outline-offset:4px;
}
.sova-wa-float__icon{
width:calc(var(--sova-wa-size) - 18px);
height:calc(var(--sova-wa-size) - 18px);
flex:0 0 calc(var(--sova-wa-size) - 18px);
display:flex;
align-items:center;
justify-content:center;
}
.sova-wa-float__icon svg{
width:100%;
height:100%;
display:block;
}
.sova-wa-float__label{
max-width:180px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:14px;
line-height:1;
font-weight:700;
letter-spacing:.1px;
}
.sova-wa-float--icon-only .sova-wa-float__button{
width:var(--sova-wa-size);
height:var(--sova-wa-size);
min-height:var(--sova-wa-size);
padding:0;
justify-content:center;
}
.sova-wa-float--icon-only .sova-wa-float__icon{
width:calc(var(--sova-wa-size) - 18px);
height:calc(var(--sova-wa-size) - 18px);
flex-basis:calc(var(--sova-wa-size) - 18px);
}
@media (max-width:767px){
.sova-wa-float__button{
min-height:54px;
padding-left:10px;
padding-right:15px;
}
.sova-wa-float__label{
font-size:13px;
}
.sova-wa-float--icon-only .sova-wa-float__button{
width:54px;
height:54px;
min-height:54px;
}
.sova-wa-float--icon-only .sova-wa-float__icon{
width:36px;
height:36px;
flex-basis:36px;
}
}
@media (prefers-reduced-motion:reduce){
.sova-wa-float__button{
transition:none;
}
}