.wwcc-widget{
  position:fixed;
  z-index:99995;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  opacity:0;
  visibility:hidden;
  transform:translateY(16px);
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
  pointer-events:none;
}
.wwcc-widget.wwcc-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.wwcc-shell{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.wwcc-label{
  background:#ffffff;
  color:#0f172a;
  border-radius:999px;
  padding:12px 16px;
  font:600 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  box-shadow:0 12px 30px rgba(2,8,23,.12);
  white-space:nowrap;
}
.wwcc-button{
  background:linear-gradient(135deg,#25D366 0%,#10b981 100%);
  color:#ffffff;
  border-radius:999px;
  display:grid;
  place-items:center;
  box-shadow:0 18px 42px rgba(16,185,129,.32),0 6px 18px rgba(15,23,42,.14);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.wwcc-button svg{
  width:56%;
  height:56%;
  display:block;
}
.wwcc-shell:hover .wwcc-button,
.wwcc-shell:focus-visible .wwcc-button{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 20px 44px rgba(16,185,129,.34),0 8px 20px rgba(15,23,42,.16);
  filter:saturate(1.02);
}
.wwcc-shell:focus-visible{
  outline:none;
}
.wwcc-shell:focus-visible .wwcc-label,
.wwcc-shell:focus-visible .wwcc-button{
  box-shadow:0 0 0 3px rgba(37,211,102,.16),0 12px 30px rgba(2,8,23,.12);
}
.wwcc-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#ffffff;
  color:#0f172a;
  border-radius:999px;
  padding:8px 12px;
  box-shadow:0 12px 30px rgba(2,8,23,.1);
  font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
}
.wwcc-badge-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#94a3b8;
  flex:0 0 8px;
}
.wwcc-widget.is-active .wwcc-badge-dot{
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.45);
}
.wwcc-widget.has-animation.is-active .wwcc-badge-dot{
  animation:wwccDotPulse 1.8s infinite;
}
.wwcc-widget.has-animation.is-active .wwcc-button::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  border:2px solid rgba(37,211,102,.22);
  animation:wwccRing 2s infinite;
}
.wwcc-button{
  position:relative;
}
.wwcc-widget.no-label .wwcc-shell{
  gap:0;
}
.wwcc-widget.no-label .wwcc-label{
  display:none;
}
@keyframes wwccRing{
  0%{transform:scale(1);opacity:.9}
  70%{transform:scale(1.22);opacity:0}
  100%{transform:scale(1.22);opacity:0}
}
@keyframes wwccDotPulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}
  70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}
@media (max-width:782px){
  .wwcc-label{
    font-size:13px;
    padding:10px 14px;
  }
  .wwcc-badge{
    font-size:11px;
    padding:7px 10px;
  }
}