:root{
  --vp-wa:#25D366;
  --vp-purple:#7c3aed;
}

.vp-wa-bar{
  position:fixed !important;
  left:16px !important;
  right:16px !important;
  bottom:16px !important;
  z-index:999999 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  padding:14px 16px !important;
  border-radius:18px !important;

  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;

  background:
    radial-gradient(800px 220px at 10% 0%, rgba(124,58,237,.28), transparent 55%),
    linear-gradient(90deg, rgba(37,211,102,.95), rgba(124,58,237,.75)) !important;

  box-shadow:0 14px 40px rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.vp-wa-text{ text-align:center !important; }
.vp-wa-bar small{
  display:block !important;
  font-size:12px !important;
  font-weight:600 !important;
  opacity:.9 !important;
}

.vp-wa-dot{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 0 0 6px rgba(255,255,255,.25) !important;
  animation:vpPulse 1.6s infinite !important;
}

@keyframes vpPulse{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,.35); }
  70%{ box-shadow:0 0 0 14px rgba(255,255,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); }
}

@media(max-width:480px){
  .vp-wa-bar{
    bottom:12px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    font-size:15px !important;
  }
  .vp-wa-bar small{ font-size:11px !important; }
}

body{ padding-bottom:90px !important; }