.wab{
  position:fixed;
  bottom:var(--wab-bottom,24px);
  z-index:1040;
}
.wab--right{right:var(--wab-side,24px);}
.wab--left{left:var(--wab-side,24px);}
.wab__link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:56px;
  padding:10px 18px 10px 12px;
  border-radius:999px;
  background:var(--wab-bg,#25D366);
  color:var(--wab-text,#FFFFFF);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  text-decoration:none;
  font:600 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.wab__link:hover,
.wab__link:focus-visible{
  color:var(--wab-text,#FFFFFF);
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.wab__link:focus-visible{
  outline:2px solid rgba(255,255,255,.85);
  outline-offset:2px;
}
.wab__icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.wab__icon svg{width:100%;height:100%;display:block;}
.wab__label{white-space:nowrap;}
.wab__label--hidden{display:none;}
.wab--hidden{display:none!important;}
.wab--mobile-only{display:none;}
@media (max-width: 767.98px){
  .wab--mobile-only,
  .wab--all-devices{display:block;}
  .wab__link{
    min-height:54px;
    padding:10px 16px 10px 12px;
    gap:10px;
  }
  .wab__label{display:none;}
}
@media (min-width: 768px){
  .wab--desktop-only,
  .wab--all-devices{display:block;}
}