.skwaf-wrap{
  position:fixed;
  right:var(--skwaf-dright,24px);
  bottom:var(--skwaf-dbottom,24px);
  z-index:999999;
  touch-action:auto;
}
.skwaf-button{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:8px 20px 8px 12px;
  border-radius:999px;
  text-decoration:none!important;
  font-family:inherit;
  line-height:1.15;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  backdrop-filter:saturate(130%) blur(8px);
  -webkit-backdrop-filter:saturate(130%) blur(8px);
}
.skwaf-button:hover{
  transform:translateY(-2px) scale(1.015);
}
.skwaf-button:focus-visible{
  outline:3px solid rgba(255,255,255,.75);
  outline-offset:3px;
}
.skwaf-icon{
  width:var(--skwaf-icon,28px);
  height:var(--skwaf-icon,28px);
  flex:0 0 var(--skwaf-icon,28px);
  display:grid;
  place-items:center;
  border-radius:50%;
}
.skwaf-icon svg{display:block;width:100%;height:100%}
.skwaf-copy{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.skwaf-title{font-size:14px;font-weight:750;letter-spacing:.01em}
.skwaf-subtitle{font-size:10.5px;font-weight:450;opacity:.9}

/* Classic WhatsApp green */
.skwaf-theme-classic-green .skwaf-button{
  color:#fff!important;
  background:linear-gradient(135deg,#27ad6b 0%,#1f8f59 100%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 8px 24px rgba(24,114,72,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.skwaf-theme-classic-green .skwaf-button:hover{
  color:#fff!important;
  box-shadow:0 11px 30px rgba(24,114,72,.36), inset 0 1px 0 rgba(255,255,255,.18);
}
.skwaf-theme-classic-green .skwaf-icon{
  color:#fff;
  background:rgba(255,255,255,.06);
}

/* Modern red */
.skwaf-theme-modern-red .skwaf-button{
  color:#fff!important;
  background:linear-gradient(135deg,#ef4444 0%,#be123c 100%);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 9px 26px rgba(190,18,60,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.skwaf-theme-modern-red .skwaf-button:hover{
  color:#fff!important;
  box-shadow:0 12px 34px rgba(190,18,60,.36), inset 0 1px 0 rgba(255,255,255,.18);
}
.skwaf-theme-modern-red .skwaf-icon{
  color:#fff;
  background:rgba(255,255,255,.08);
}

/* Dark glass - intended for light or mixed backgrounds, premium look */
.skwaf-theme-dark-glass .skwaf-button{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(20,20,24,.94),rgba(5,5,8,.90));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 10px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.skwaf-theme-dark-glass .skwaf-button:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.34);
  box-shadow:0 13px 36px rgba(0,0,0,.42);
}
.skwaf-theme-dark-glass .skwaf-icon{
  color:#31d47b;
  background:rgba(49,212,123,.10);
  box-shadow:inset 0 0 0 1px rgba(49,212,123,.18);
}

/* Light minimal - specifically useful on dark website sections */
.skwaf-theme-light-minimal .skwaf-button{
  color:#111827!important;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(17,24,39,.10);
  box-shadow:0 9px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.9);
}
.skwaf-theme-light-minimal .skwaf-button:hover{
  color:#111827!important;
  background:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.25);
}
.skwaf-theme-light-minimal .skwaf-icon{
  color:#23a566;
  background:#ecfdf3;
}
.skwaf-theme-light-minimal .skwaf-subtitle{color:#4b5563}

/* Fully custom */
.skwaf-theme-custom .skwaf-button{
  color:var(--skwaf-text,#fff)!important;
  background:var(--skwaf-color,#22965f);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
}
.skwaf-theme-custom .skwaf-button:hover{
  color:var(--skwaf-text,#fff)!important;
  box-shadow:0 11px 30px rgba(0,0,0,.28);
}
.skwaf-theme-custom .skwaf-icon{color:var(--skwaf-text,#fff)}

.skwaf-wrap.skwaf-dragging .skwaf-button{transform:none;box-shadow:0 12px 32px rgba(0,0,0,.32)}

@media(max-width:767px){
  .skwaf-wrap{
    right:var(--skwaf-mright,14px);
    bottom:var(--skwaf-mbottom,90px);
  }
  .skwaf-button{
    width:58px;
    height:58px;
    min-height:58px;
    padding:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    gap:0;
  }
  .skwaf-copy{display:none!important}
  .skwaf-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
    margin:0;
    background:transparent!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .skwaf-button{transition:none}
}