.hbf-wa-wrap{
  position:fixed;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  font-family:Inter,Arial,sans-serif;
}
.hbf-wa-button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  box-sizing:border-box;
  pointer-events:auto;
  text-decoration:none!important;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.hbf-wa-button:hover,.hbf-wa-button:focus{
  transform:translateY(-2px) scale(1.03);
  outline:none;
}
.hbf-wa-button svg,.hbf-wa-button img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.hbf-wa-button svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hbf-wa-tooltip{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  padding:9px 12px;
  border-radius:7px;
  background:#fffefb;
  color:#1f2b23;
  box-shadow:0 8px 24px rgba(31,43,35,.13);
  white-space:nowrap;
  font-size:12px;
  font-weight:650;
  line-height:1;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
  pointer-events:none;
}
.hbf-wa-wrap:hover .hbf-wa-tooltip{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}
@media(max-width:767px){
  .hbf-wa-button:hover,.hbf-wa-button:focus{transform:none;}
}