.wa-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}
.wa-float-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:min(320px,calc(100vw - 88px));
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  color:#374151;
  box-shadow:0 14px 40px rgba(15,23,42,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.wa-float:hover .wa-float-card,
.wa-float:focus-within .wa-float-card{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.wa-float-card img{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 48px;
  border:3px solid #25d366;
}
.wa-float-brand{
  margin:0 0 4px;
  color:#0f766e;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.wa-float-card p{
  margin:0;
  font-size:14px;
  line-height:1.45;
}
.wa-float-btn{
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25d366;
  color:#fff;
  box-shadow:0 10px 24px rgba(37,211,102,.45);
  text-decoration:none;
}
.wa-float-btn .fi{font-size:32px;line-height:1;color:#fff}
.wa-float-btn:hover{background:#1ebe5d;color:#fff}
@media(max-width:600px){
  .wa-float{right:14px;bottom:14px}
  .wa-float-btn{width:56px;height:56px}
}