
:root{
  --gow-primary:#81257A;
  --gow-accent:#79CAF6;
  --gow-icon:#FFFFFF;
  --gow-right:22px;
  --gow-bottom:90px;
  --gow-size:60px;
}
.gow-wrap,.gow-wrap *{box-sizing:border-box}
.gow-wrap{
  position:fixed;
  z-index:999990;
  right:var(--gow-right);
  bottom:var(--gow-bottom);
  display:flex;
  align-items:center;
  gap:12px;
}
.gow-button{
  position:relative;
  width:var(--gow-size);
  height:var(--gow-size);
  flex:0 0 var(--gow-size);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--gow-primary);
  color:var(--gow-icon)!important;
  border:2px solid var(--gow-accent);
  box-shadow:0 10px 28px rgba(0,0,0,.23);
  text-decoration:none!important;
  transition:.2s ease;
  isolation:isolate;
}
.gow-button:hover{
  transform:translateY(-3px) scale(1.03);
  background:#54164F;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.gow-button svg{width:54%;height:54%;display:block}
.gow-ring{
  position:absolute;
  inset:-7px;
  border:1px solid rgba(121,202,246,.62);
  border-radius:50%;
  z-index:-1;
  animation:gowPulse 2.4s ease-out infinite;
}
@keyframes gowPulse{
  0%{transform:scale(.88);opacity:.75}
  75%,100%{transform:scale(1.25);opacity:0}
}
.gow-bubble{
  position:relative;
  width:min(300px,calc(100vw - 110px));
  padding:12px 38px 12px 15px;
  background:#fff;
  color:#283235;
  border:1px solid rgba(129,37,122,.13);
  border-left:3px solid var(--gow-accent);
  border-radius:10px;
  box-shadow:0 12px 32px rgba(0,0,0,.15);
}
.gow-bubble:after{
  content:"";
  position:absolute;
  right:-8px;
  top:50%;
  transform:translateY(-50%);
  border-width:8px 0 8px 8px;
  border-style:solid;
  border-color:transparent transparent transparent #fff;
}
.gow-kicker{
  display:block;
  color:var(--gow-primary);
  font-size:9px;
  font-weight:800;
  letter-spacing:1.2px;
  margin-bottom:3px;
  text-transform:uppercase;
}
.gow-text{
  display:block;
  color:#41484c;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
}
.gow-close{
  position:absolute;
  right:6px;
  top:4px;
  width:26px;
  height:26px;
  border:0;
  background:transparent;
  color:#8a8f92;
  font-size:20px;
  cursor:pointer;
}
.gow-bubble.gow-hidden{display:none}
.gow-shortcode{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  border-radius:7px;
  background:var(--gow-primary);
  color:#fff!important;
  border:1px solid var(--gow-accent);
  text-decoration:none!important;
  font-weight:700;
}
.gow-shortcode svg{width:20px;height:20px}
@media(min-width:769px){
  .gow-hide-desktop{display:none!important}
}
@media(max-width:768px){
  .gow-hide-mobile{display:none!important}
  .gow-wrap{right:14px;bottom:18px}
  .gow-bubble{display:none}
  .gow-button{width:56px;height:56px;flex-basis:56px}
}
@media(prefers-reduced-motion:reduce){
  .gow-ring{animation:none}
  .gow-button{transition:none}
}
