/* v3.9.472 — E-mail buttons: layout only. Per-style colours are injected
   dynamically by bb_inject_buttons_css() (.bb-mail-btn.{slug} rules), so any
   number of styles created in the Design System just works. Mirrors
   whatsapp.css. */
.bb-mail-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.6rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.bb-mail-btn .bb-mail__icon { width: 18px; height: 18px; flex-shrink: 0; }

/* Fallback colours if no style vars are set yet */
.bb-mail-btn:not([class*="email-"]) {
  background: var(--bb-accent, #99ffbb); color: var(--bb-dark, #003b3b);
  border-color: var(--bb-accent, #99ffbb);
  border-radius: var(--bb-r-pill, 999px);
}

/* In the nav drawer, e-mail button sits full-width like the WhatsApp one */
.bb-menu-panel .bb-menu-mail {
  order: 99;
  width: 100%;
  margin-top: auto;
}
.bb-menu-panel .bb-menu-mail .bb-mail-btn { width: 100%; justify-content: center; }