#wtps-bar{
  position:fixed;left:0;right:0;z-index:999999;
  display:flex;gap:12px;justify-content:center;align-items:center;
  padding:10px 14px; background:var(--wtps-bar-bg,#0f766e); color:var(--wtps-text,#fff);
  font:500 14px/1.2 system-ui,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 2px 10px rgba(0,0,0,.12)
}
#wtps-bar[data-position="top"]{ top:0; }
#wtps-bar[data-position="bottom"]{ bottom:0; }

#wtps-spacer{height:46px}

#wtps-bar .wtps-msg{display:flex;gap:10px;align-items:center;text-align:center; flex-wrap:wrap}
#wtps-bar .wtps-line1{font-weight:600}
#wtps-bar .wtps-cta{
  appearance:none;border:0;border-radius:999px;
  background:var(--wtps-btn-bg,#22c55e);color:var(--wtps-btn-tx,#0b2e27);
  padding:8px 14px; cursor:pointer; white-space:nowrap
}
#wtps-bar .wtps-close{
  margin-left:4px; width:28px; height:28px; border-radius:999px; border:0; cursor:pointer;
  background:rgba(0,0,0,.25); color:#fff; font-size:18px; line-height:28px
}
#wtps-bar .wtps-close:hover{ background:rgba(0,0,0,.35) }
@media (max-width:480px){
  #wtps-bar .wtps-msg{flex-direction:column;gap:6px}
}