:root{
  --wqb-wa-bg:#25D366;
  --wqb-email-bg:#111111;
  --wqb-text:#ffffff;
  --wqb-radius:12px;
  --wqb-fs:16px;
  --wqb-py:12px;
  --wqb-px:14px;
}

.wqb-wrap{margin:14px 0;grid-template-columns: 1fr 1fr;
    display: grid;gap:10px}
.wqb-btn{
  width:100%;
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:var(--wqb-py) var(--wqb-px);
  border-radius:var(--wqb-radius);
  border:1px solid rgba(0,0,0,.08);
  font-weight:600;
  cursor:pointer;
  font-size:var(--wqb-fs);
  text-decoration:none;
}
.wqb-wa{background:var(--wqb-wa-bg);color:var(--wqb-text);border-color:transparent}
.wqb-email{background:var(--wqb-email-bg);color:var(--wqb-text);border-color:transparent}
.wqb-note{margin:0;font-size:13px;opacity:.75}

/* Modal */
.wqb-modal{position:fixed;inset:0;z-index:999999;display:none}
.wqb-modal[aria-hidden='false']{display:block}
.wqb-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.wqb-modal__dialog{position:relative;max-width:560px;margin:6vh auto;background:#fff;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.25);overflow:hidden}
.wqb-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
.wqb-modal__close{border:0;background:transparent;font-size:22px;cursor:pointer;line-height:1}
.wqb-form{padding:16px;display:grid;gap:12px}
.wqb-field label{display:block;font-size:13px;margin-bottom:6px;opacity:.8}
.wqb-field input,.wqb-field textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);outline:none}
.wqb-actions{display:flex;align-items:center;gap:10px}
.wqb-submit{background:#0a7cff;color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}
.wqb-status{font-size:13px;opacity:.8}

@media (max-width:640px){
  .wqb-modal__dialog{margin:10vh 14px}
}