/* Visual do curso (card de oferta + passo de compra): só aparência. A geometria da cena e a mecânica da aba vêm dos CSS originais
   (landing.css, compra.css, demo.css). Tema único e definitivo: card escuro sólido, quase preto, com UMA cor de destaque (âmbar).
   Fontes auto-hospedadas (licenças OFL em assets/fonts/): Manrope nos títulos e Source Sans 3 no texto. Sem CDN (CSP: font-src 'self'). */
@font-face { font-family: Manrope; src: url('../assets/fonts/manrope-latin.woff2') format('woff2'); font-weight: 400 800; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Manrope; src: url('../assets/fonts/manrope-latin-ext.woff2') format('woff2'); font-weight: 400 800; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3'; src: url('../assets/fonts/source-sans-3-latin.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Sans 3'; src: url('../assets/fonts/source-sans-3-latin-ext.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
.signup, .su-edge {
  --paper: #11120f; --paper-alt: #1b1d18; --ink-course: #f4f2eb; --secondary: #c4c7bc;
  --rule: #4a4d43; --control-rule: #696d61; --action: #e8b45d; --action-ink: #1b160d; --link-course: #f0bd68;
  --invalid: #ffb4a9; --muted: var(--secondary); --text: var(--ink-course);
  --brand-soft: var(--link-course); --accent: var(--link-course); --accent-soft: var(--link-course);
  color-scheme: dark; font-family: 'Source Sans 3', Arial, sans-serif; color: var(--ink-course);
}
.signup { background: var(--paper); border-color: var(--rule); border-radius: 16px; box-shadow: 0 18px 42px #00000042; backdrop-filter: none; -webkit-backdrop-filter: none; }
.signup :is(h1,h2,h3,.su-price-main,.su-peek-price,.su-sum-total) { font-family: Manrope, Arial, sans-serif; }
.signup :is(button,a,input):focus-visible, .su-edge:focus-visible { outline: 3px solid var(--link-course); outline-offset: 3px; }
.su-toprow { min-height: 44px; }
.su-badge { padding: 0; border: 0; border-radius: 0; background: none; color: var(--secondary); font-size: 14px; font-weight: 600; }
.su-badge svg { display: none; }
.su-title { font-size: 30px; line-height: 1.18; font-weight: 750; color: var(--ink-course); letter-spacing: -.9px; text-wrap: pretty; }
.su-title em { color: inherit; background: none; -webkit-text-fill-color: currentColor; }
.su-toggle { width: 44px; height: 44px; color: var(--secondary); background: var(--paper-alt); border-color: var(--rule); border-radius: 8px; }
.su-toggle:hover { color: var(--ink-course); background: var(--paper-alt); }
.su-tabs { border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; background: none; margin-top: 20px; gap: 4px; }
.su-tab { font-size: 16px; border-radius: 0; color: var(--secondary); }
.su-tab::before { display: none; }
.su-tab:hover, .su-tab[aria-selected='true'] { color: var(--ink-course); }
.su-tab[aria-selected='true'] { border-bottom: 3px solid var(--ink-course); }
.su-tab-free { background: none; color: var(--secondary); padding: 0; font-size: 13px; letter-spacing: 0; text-transform: none; }
.su-clip { scrollbar-color: var(--rule) transparent; }
.su-clip.has-more, .su-clip.has-top, .su-clip.has-top.has-more { mask-image: none; -webkit-mask-image: none; }
.su-panel { padding: 24px 0 16px; }
.su-prof { margin: 0 0 20px; color: var(--secondary); font-size: 16px; }
.su-prof b { color: var(--ink-course); }
.su-prof img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; vertical-align: middle; margin-right: 10px; }
.su-jump { display: none; }
.su-kick, .su-kick-offer, .su-up-tag, .su-price-label { color: var(--secondary); font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.su-h2, .su-offer, .su-up-t { color: var(--ink-course); font-size: 22px; line-height: 1.3; font-weight: 700; }
.su-offerbox { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.su-offer { font-size: 21px; }
.su-lead, .su-help, .su-note, .su-bonus-text, .su-video-cap, .su-video-note, .su-prompt-next { display: block; color: var(--secondary); font-size: 16px; line-height: 1.5; margin-top: 12px; }
.su-list, .su-up-list { gap: 12px; margin-top: 18px; }
.su-list li, .su-up-list li { color: var(--ink-course); font-size: 16px; line-height: 1.5; }
.su-list li::before, .su-up-list li::before { color: var(--ink-course); background: none; border-color: var(--ink-course); box-shadow: none; }
.su-build-wrap, .su-sec { margin: 30px 0 0; }
.su-build { display: grid; grid-template-columns: 1fr; gap: 0; margin: 14px 0 0; }
.bd { padding: 16px 0; background: none; border: 0; border-top: 1px solid var(--rule); border-radius: 0; }
.bd-mock { display: none; }
.bd h3 { margin: 0; color: var(--ink-course); font-size: 18px; line-height: 1.35; }
.bd p { display: block; margin: 6px 0 0; font-size: 16px; line-height: 1.5; color: var(--secondary); }
.su-price { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--rule); background: none; }
.su-price-main { color: var(--ink-course); }
.su-p-cur { color: var(--ink-course); font-size: 22px; }
.su-p-int { font-size: 54px; font-weight: 750; }
.su-p-dec { font-size: 28px; }
.su-price-sub, .su-price-alt { color: var(--secondary); font-size: 16px; }
.su-guarantee { border: 0; background: none; padding: 0; margin-top: 16px; color: var(--secondary); }
.su-guarantee p strong { color: var(--ink-course); font-size: 16px; }
.su-guarantee p span { color: var(--secondary); font-size: 14px; }
.su-seal { border: 1px solid var(--rule); background: none; color: var(--ink-course); box-shadow: none; clip-path: none; border-radius: 8px; }
.su-seal b { font-size: 22px; }
.su-seal small { font-size: 13px; }
.su-foot { padding-top: 20px; margin-top: 0; flex: none; background: none; }
.su-foot::before { display: none; }
.signup[data-open='true'] .su-peek { display: none; }
.su-cta, .su-cta:hover, .su-cta.is-up, .su-btn, .su-btn:hover { min-height: 60px; padding: 16px 18px; gap: 12px; border: 0; border-radius: 8px; background: var(--action); color: var(--action-ink); box-shadow: none; transform: none; }
.su-cta::after { display: none; }
.su-cta [data-cta-label], .su-pay-l { font-size: 20px; font-weight: 700; line-height: 1.25; }
.su-cta small { font-size: 14px; line-height: 1.4; color: var(--action-ink); }
.su-cta-ic { width: 24px; height: 28px; color: var(--action-ink); background: none; border-radius: 0; box-shadow: none; }
.su-micro, .su-buy-trust { font-size: 14px; color: var(--secondary); line-height: 1.5; gap: 8px; }
.su-micro svg, .su-buy-trust svg { color: var(--secondary); }
.su-micro a, .su-contact a { color: var(--link-course); }
.su-contact { color: var(--secondary); font-size: 14px; line-height: 1.6; padding: 16px 0 0; }
.su-contact a { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
.su-addons { margin-top: 26px; }
.su-addons-h { font-size: 18px; color: var(--ink-course); }
.su-addons-h svg, .su-bump-yes svg { display: none; }
.su-opt { color: var(--secondary); font-size: 13px; background: none; border: 0; }
.su-addons-list label, .su-addons-list label:hover, .su-addons-list li.is-on label { border: 1px solid var(--rule); border-radius: 8px; background: var(--paper); box-shadow: none; }
.su-addons-list li.is-on label { border-color: var(--link-course); }
.su-bump-strip, .su-addons-list li.is-on .su-bump-strip { background: none; padding: 14px 12px 0; gap: 8px; }
.su-bump-yes, .su-addons-list li.is-on .su-bump-yes { font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--secondary); }
.su-addons-list b, .su-addons-list li.is-on b { font-size: 14px; color: var(--ink-course); }
.su-bump-body { padding: 8px 12px 16px; }
.su-bump-body strong { font-size: 16px; color: var(--ink-course); }
.su-bump-body small { font-size: 16px; color: var(--secondary); line-height: 1.45; }
.su-addons-list input, .su-up-pick input, .su-terms input, .su-addons-list li.is-on input { appearance: auto; background: var(--paper); border-color: var(--rule); width: 22px; height: 22px; accent-color: var(--link-course); }
.su-addons-list input::after, .su-up-pick input::after, .su-terms input::after { display: none; }
.su-up, .su-up.is-on { padding: 22px 18px; margin-top: 30px; border: 1px solid var(--rule); border-radius: 10px; background: var(--paper-alt); box-shadow: none; }
.su-up-tag { background: none; border: 0; border-radius: 0; padding: 0; color: var(--secondary); }
.su-up-tag::before { display: none; }
.su-up-t { margin-top: 12px; }
.su-up-s, .su-up-pv, .su-up-pp, .su-up-help { color: var(--secondary); font-size: 16px; }
.su-up-pv b, .su-up-pp b { color: var(--ink-course); }
.su-up-pick { min-height: 48px; border: 1px solid var(--rule); border-radius: 8px; color: var(--ink-course); background: var(--paper); font-size: 16px; box-shadow: none; }
.su-up-pick:hover { background: var(--paper); }
.su-faq { margin-top: 30px; }
.su-faq details { border-color: var(--rule); background: none; border-radius: 0; }
.su-faq summary { min-height: 48px; font-size: 16px; color: var(--ink-course); }
.su-faq details p { font-size: 16px; line-height: 1.5; color: var(--secondary); }
.su-code { background: var(--paper-alt); color: var(--ink-course); border-color: var(--rule); font-size: 14px; }
.su-btn { font-size: 16px; }
.su-btn-ghost { color: var(--ink-course); background: var(--paper-alt); border: 1px solid var(--rule); }
.su-edge, .su-edge:hover { background: var(--action); border-color: var(--action); box-shadow: none; color: var(--action-ink); }
.su-buy-h { font-size: 28px; color: var(--ink-course); }
.su-secure, .su-back, .su-back:hover { font-size: 14px; color: var(--secondary); }
.su-secure svg { color: var(--secondary); }
.su-buy-form { display: flex; flex-direction: column; gap: 0; }
.su-sum { order: 0; margin-top: 20px; padding: 18px; border: 1px solid var(--rule); border-radius: 8px; background: var(--paper-alt); }
.su-sum-l li, .su-sum-l .is-main > span, .su-sum-l .is-bump > span, .su-sum-l li > b { font-size: 16px; color: var(--ink-course); }
.su-sum-l small { font-size: 14px; color: var(--secondary); font-weight: 400; }
.su-sum-tot { border-top: 1px solid var(--rule); margin-top: 16px; padding-top: 16px; flex-wrap: wrap; }
.su-sum-tot > span b { font-size: 16px; letter-spacing: 0; text-transform: none; color: var(--ink-course); }
.su-sum-tot small { font-size: 14px; color: var(--secondary); }
.su-sum-tot strong { font: 750 32px/1.2 Manrope, sans-serif; color: var(--ink-course); }
.su-fields { order: 1; gap: 18px; margin-top: 26px; }
.su-fields::before { content: '1 · Seus dados'; font: 700 18px/1.4 Manrope, sans-serif; }
.su-paybox { order: 2; margin-top: 26px; }
.su-paybox legend { font-size: 18px; font-family: Manrope, sans-serif; }
.su-label, .su-field label { font-size: 16px; color: var(--ink-course); margin-bottom: 8px; }
.su-field input { height: 52px; border-radius: 8px; color: var(--ink-course); background: var(--paper); border: 1px solid var(--rule); box-shadow: none; }
.su-field input:hover, .su-field input:focus { border-color: var(--link-course); background: var(--paper); box-shadow: none; }
.su-field input::placeholder { color: var(--secondary); }
.su-field input:-webkit-autofill { -webkit-text-fill-color: var(--ink-course); -webkit-box-shadow: 0 0 0 40px var(--paper) inset; }
.su-hint, .su-err, .su-sug { font-size: 14px; line-height: 1.5; color: var(--secondary); }
.su-err, .su-buy-alert { color: var(--invalid); }
.su-buy-alert { background: var(--paper-alt); border-color: var(--invalid); font-size: 16px; }
.su-buy-alert svg, .su-buy-alert a, .su-buy-alert button { color: var(--invalid); }
.su-field input[aria-invalid='true'] { border-color: var(--invalid); box-shadow: none; }
.su-po, .su-po:hover, .su-po:has(input:checked) { background: var(--paper); border: 1px solid var(--rule); border-radius: 8px; box-shadow: none; padding: 16px 12px; min-height: 100px; }
.su-po:has(input:checked) { border: 2px solid var(--link-course); padding: 15px 11px; }
.su-po-top, .su-po-top svg, .su-po-price { color: var(--ink-course); font-size: 18px; }
.su-po-price { display: none; }
.su-po-sub, .su-po:has(input:checked) .su-po-sub { font-size: 14px; line-height: 1.5; color: var(--secondary); margin-top: 10px; }
.su-po-dot, .su-po:has(input:checked) .su-po-dot { border-color: var(--link-course); }
.su-po:has(input:checked) .su-po-dot::after { background: var(--link-course); }
.su-po-tag { position: static; margin-top: 6px; padding: 0; background: none; color: var(--link-course); font-size: 13px; }
.su-payopts.has-tag { padding-top: 0; }
.su-buy-form .su-addons { order: 3; }
.su-terms { order: 4; font-size: 16px; line-height: 1.5; color: var(--secondary); align-items: flex-start; margin-top: 24px; padding: 8px 0; }
.su-terms input { flex: none; margin-top: 2px; }
.su-terms + .su-err { order: 5; }
.su-buy-trust { justify-content: flex-start; }
.su-buy-trust span { white-space: normal; }
.su-buy-access { margin: 10px 0 0; color: var(--secondary); font-size: 16px; line-height: 1.5; }
.signup:not(.is-buying) .su-buy-access { display: none; }
.signup.is-scrolled .su-title { font-size: 20px; color: var(--ink-course); }
@media (min-width: 761px) and (min-height: 481px) and (min-aspect-ratio: 5/6) {
  .signup { width: min(480px, 43vw); padding: 24px 28px 20px; }
}
@media (min-width: 1800px) and (min-height: 900px) { .signup { width: 510px; } }
@media (max-width: 760px), (max-height: 480px), (max-aspect-ratio: 5/6) {
  .signup { border-radius: 20px 20px 0 0; }
  .su-grip { background: var(--rule); }
  .su-title, .signup[data-open='true'] .su-title { font-size: 28px; line-height: 1.15; }
  .signup.is-scrolled .su-title { font-size: 18px; }
  .signup[data-open='false'] .su-pull { color: var(--secondary); font-size: 13px; }
  .signup[data-open='false'] .su-foot { margin-top: 14px; }
  .su-badge, .su-badge.has-short { font-size: 13px; }
  .su-cta [data-cta-label], .su-cta.is-up [data-cta-label], .su-pay-l { font-size: 18px; }
  .su-buy-h { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) { .signup *, .signup *::before, .signup *::after { transition: none !important; animation: none !important; } }

.course-includes-title { margin-top: 22px; }
.course-addons-hidden { display: none !important; }
.su-list li::before, .su-up-list li::before { content: '✓'; font-size: 18px; line-height: 24px; width: 20px; height: 24px; border-radius: 0; }
.su-err[hidden]::before { display: none; }
.su-guarantee .su-seal { letter-spacing: 0; text-transform: none; }
.su-secure { white-space: normal; }
/* Contraste das bordas interativas (campos, opções, caixas); as divisórias decorativas usam o --rule, mais suave. */
.su-field input, .su-po, .su-po:hover, .su-toggle, .su-addons-list label, .su-up-pick { border-color: var(--control-rule); }
.su-h3 { color: var(--ink-course); font-size: 18px; }
.su-aff-note { color: var(--secondary); font-size: 13px; }
.su-bonus { border-color: var(--rule); }
.su-contact a:hover, .su-bonus-text a:hover { color: var(--link-course); }
.su-faq summary::after { content: '+'; background: none; color: var(--ink-course); font-size: 22px; line-height: 22px; }
.su-video-ph, .su-facade { color: var(--ink-course); background: var(--paper-alt); border-color: var(--rule); }
.su-facade-btn svg { color: var(--action-ink); background: var(--action); box-shadow: none; }
.su-facade-btn b { color: var(--ink-course); text-shadow: none; font-size: 16px; }
.su-note, .su-prompt-next { background: var(--paper-alt); border-color: var(--rule); }
.su-tab, .su-toggle, .su-po, .su-addons-list label, .su-back { transition: none; }
.su-up-a:hover { color: var(--link-course); }
.signup[data-open='false'] .su-buy-access { display: none; }

/* -------------------------------------------------------------------------
   Reforço do tema: seletores com a especificidade de `html:root` (acima de landing.css e compra.css, que carregam antes),
   para a tinta, os fundos e as bordas do tema valerem sobre as regras antigas do cartão.
------------------------------------------------------------------------- */
html:root .signup,
html:root .su-edge {
  background: var(--paper);
  border-color: var(--rule);
  box-shadow: 0 18px 42px #00000042;
}
html:root .signup :is(.su-title, .su-title em, .su-h2, .su-offer, .su-up-t, .su-buy-h, .su-prof b, .su-list li, .su-up-list li, .su-price-main, .su-p-cur, .su-addons-h, .su-addons-list b, .su-bump-body strong, .su-up-pick, .su-faq summary, .su-sum-l li, .su-sum-l .is-main > span, .su-sum-l .is-bump > span, .su-sum-l li > b, .su-sum-tot > span b, .su-sum-tot strong, .su-label, .su-field label, .su-po-top, .su-po-top svg, .su-po-price) {
  color: var(--ink-course);
}
html:root .signup :is(.su-toggle, .su-btn-ghost, .su-sum, .su-po, .su-addons-list label, .su-up, .su-code, .su-field input, .su-terms input) {
  background: var(--paper-alt);
  border-color: var(--rule);
}
html:root .signup :is(.su-toggle:hover, .su-btn-ghost:hover, .su-po:hover, .su-addons-list label:hover, .su-up-pick:hover) {
  background: #252820;
  border-color: var(--link-course);
}
html:root .signup .su-tabs { border-bottom-color: var(--rule); }
html:root .signup :is(.su-tab, .su-badge, .su-prof, .su-lead, .su-help, .su-note, .su-price-sub, .su-price-alt, .su-guarantee, .su-bump-yes, .su-bump-body small, .su-up-s, .su-up-pv, .su-up-pp, .su-up-help, .su-faq details p, .su-contact, .su-micro, .su-buy-trust, .su-buy-access, .su-secure, .su-back, .su-hint, .su-sum-l small, .su-sum-tot small, .su-po-sub, .su-terms) {
  color: var(--secondary);
}
html:root .signup :is(.su-tab:hover, .su-tab[aria-selected='true'], .su-back:hover, .su-secure svg, .su-micro svg, .su-buy-trust svg, .su-contact a, .su-terms a, .su-po-pix .su-po-top svg, .su-po-card .su-po-top svg) {
  color: var(--link-course);
}
html:root .signup .su-tab[aria-selected='true'] { border-bottom-color: var(--link-course); }
html:root .signup :is(.su-list li::before, .su-up-list li::before) { color: var(--link-course); border-color: var(--link-course); }
html:root .signup :is(.su-cta, .su-cta:hover, .su-cta.is-up, .su-btn),
html:root .su-edge,
html:root .su-edge:hover {
  background: var(--action);
  color: var(--action-ink);
  border-color: var(--action);
}
html:root .signup :is(.su-cta small, .su-cta-ic, .su-btn),
html:root .su-edge { color: var(--action-ink); }
html:root .signup :is(.su-price, .bd, .su-sum-tot) { border-color: var(--rule); }
html:root .signup :is(.su-seal, .su-up-pick, .su-po, .su-po:has(input:checked), .su-addons-list li.is-on label) { border-color: var(--link-course); }
html:root .signup .su-po:has(input:checked) { background: #2b2418; box-shadow: 0 0 0 3px #e8b45d2b; }
html:root .signup .su-po:has(input:checked) .su-po-dot::after { background: var(--link-course); }
html:root .signup .su-field input { color: var(--ink-course); caret-color: var(--link-course); }
html:root .signup .su-field input::placeholder { color: #a8aa9f; }
html:root .signup .su-field input:focus { border-color: var(--link-course); box-shadow: 0 0 0 3px #e8b45d33; }
html:root .signup .su-terms input { accent-color: var(--action); }
html:root .signup .su-terms input:checked { background: var(--action); border-color: var(--action); }
html:root .signup .su-buy-alert { background: #281b18; border-color: var(--invalid); color: var(--invalid); }
html:root .signup .su-grip { background: var(--rule); }

/* -------------------------------------------------------------------------
   Comunidade ("Você não estuda sozinho"): bloco curto logo depois do preço e da garantia (texto em landing.config.js: comunidade).
   Mesma linguagem dos outros quadros do cartão (fundo mais claro que o papel, filete, cantos de 8 px), sem roxo.
------------------------------------------------------------------------- */
.su-community { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: start; margin: 26px 0 0; padding: 18px; border: 1px solid var(--rule); border-radius: 8px; background: var(--paper-alt); }
.su-community[hidden] { display: none; }
.su-community-ico { width: 40px; height: 40px; border-radius: 8px; color: var(--link-course); background: none; border: 1px solid var(--control-rule); }
.su-community-h { margin: 0 0 6px; font: 700 18px/1.3 Manrope, Arial, sans-serif; color: var(--ink-course); }
.su-community-p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--secondary); }
/* nota "você não escreve código": o ícone tem de respirar do texto */
.su-note { display: flex; gap: 10px; align-items: flex-start; }
.su-note svg { flex: none; margin-top: 3px; color: var(--link-course); }

/* CPF do Pix: o campo some (e nao vai no POST) quando o metodo e cartao */
.su-field[hidden] { display: none !important; }
#su-cpf-wrap { order: 2; margin-top: 18px; }
/* Aba Prompt: depois de copiar, o próximo passo (curso) e o bloco do fim da aba */
.su-copy-next { margin: 14px 0 16px; padding: 16px; border: 1px solid var(--rule); border-radius: 10px; background: var(--paper-alt); }
.su-copy-next p { margin: 0 0 8px; font-size: 16px; line-height: 1.5; color: var(--ink-course); }
.su-copy-next p + p { color: var(--secondary); }
.su-prompt-next { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--rule); }
.su-prompt-next p { margin: 0 0 12px; font-size: 16px; line-height: 1.5; color: var(--ink-course); }
.su-copy-buy { width: 100%; min-height: 52px; margin-top: 6px; background: var(--action); color: var(--action-ink); border: 0; font-weight: 700; }