/* One button system for every page (design audit section 2).
   Primary = the one main action in a section. Secondary = the alternative, or the action inside a card.
   Small = the header button only. Link = low-commitment "learn more" actions. Nothing else. */
.sz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 28px; border: 0; border-radius: 12px; color: #fff; font: 600 18px/1.2 var(--sizmo-font-body, Inter, sans-serif); letter-spacing: -.01em; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform .4s cubic-bezier(.25, .1, .25, 1), box-shadow .4s, background .4s; }
.sz-btn:hover, .sz-btn:focus-visible { color: #fff; text-decoration: none; }
.sz-btn:active { transform: translateY(0) scale(.97); }
.sz-btn:focus-visible { outline: 3px solid var(--sizmo-accent, #274c30); outline-offset: 4px; }
.sz-btn--primary { background: linear-gradient(to bottom, #3a6845 0%, #274c30 45%, #1a3621 100%); box-shadow: 0 4px 12px rgb(39 76 48 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%); }
.sz-btn--primary:hover { background: linear-gradient(to bottom, #467a52 0%, #2f5a39 45%, #20422a 100%); box-shadow: 0 8px 20px rgb(39 76 48 / 50%), inset 0 1px 0 rgb(255 255 255 / 22%); transform: translateY(-3px) scale(1.02); }
.sz-btn--secondary { background: linear-gradient(to bottom, #2e322e 0%, #121412 45%, #050605 100%); box-shadow: 0 4px 12px rgb(8 10 8 / 35%), inset 0 1px 0 rgb(255 255 255 / 14%); }
.sz-btn--secondary:hover { background: linear-gradient(to bottom, #3a3f3a 0%, #1b1e1b 45%, #0a0b0a 100%); box-shadow: 0 8px 20px rgb(8 10 8 / 45%), inset 0 1px 0 rgb(255 255 255 / 18%); transform: translateY(-3px) scale(1.02); }
.sz-btn--small { min-height: 42px; padding: 0 20px; border-radius: 10px; font-size: 16px; }
.sz-btn--block { display: flex; width: 100%; }
.sz-link { color: var(--sizmo-accent, #274c30); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.sz-link:hover { color: #1a3621; }
.sz-link::after { content: ' \2197'; }
@media (prefers-reduced-motion: reduce) { .sz-btn, .sz-btn:hover, .sz-btn:active { transform: none; transition: none; } }