.comic-button{--cb-ink:#0b0b12;--cb-primary-fill:#b9a6f2;--cb-primary-fill-hover:#cbbcf6;--cb-primary-text:#0b0b12;--cb-primary-border:transparent;--cb-secondary-fill:#161620;--cb-secondary-fill-hover:#1d1d2a;--cb-secondary-text:#e8e0f1;--cb-secondary-border:#ffffff38;--cb-accent:#c9baf7;--cb-accent-hover-bg:#161620;--cb-shadow:#0b0b12;--cb-focus-ring:#c9baf7;--cb-radius:6px;--cb-border-width:1.5px;--cb-shadow-offset:3px;--cb-shadow-offset-hover:2px;isolation:isolate;border-radius:var(--cb-radius);border:var(--cb-border-width) solid var(--cb-primary-border);background:var(--cb-primary-fill);min-height:44px;color:var(--cb-primary-text);font-family:var(--font-ui);letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--cb-shadow-offset) var(--cb-shadow-offset) 0 0 var(--cb-shadow);transition:transform var(--transition-fast,.12s) ease-out, box-shadow var(--transition-fast,.12s) ease-out, background-color var(--transition-fast,.12s) ease-out;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:15px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}[data-theme=light] .comic-button{--cb-ink:#100739;--cb-primary-fill:#6b4fd8;--cb-primary-fill-hover:#7c60de;--cb-primary-text:#fff;--cb-primary-border:transparent;--cb-secondary-fill:#e4e4ea;--cb-secondary-fill-hover:#d8d8e0;--cb-secondary-text:#100739;--cb-secondary-border:#10073938;--cb-accent:#5a3fc4;--cb-accent-hover-bg:#e4e4ea;--cb-shadow:#100739;--cb-focus-ring:#5a3fc4}.comic-button svg{pointer-events:none;flex-shrink:0;width:1.1em;height:1.1em}.comic-button>*{z-index:1;position:relative}.comic-button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--cb-primary-fill-hover)}.comic-button--secondary,.comic-button--phone{background:var(--cb-secondary-fill);color:var(--cb-secondary-text);border-color:var(--cb-secondary-border)}@media (hover:hover) and (pointer:fine){.comic-button--secondary:hover:not(:disabled):not([aria-disabled=true]),.comic-button--phone:hover:not(:disabled):not([aria-disabled=true]){background:var(--cb-secondary-fill-hover)}}.comic-button--link,.comic-button--ghost{min-height:44px;color:var(--cb-accent);box-shadow:none;background:0 0;border-color:#0000;padding:0 .375rem}.comic-button--link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.comic-button--ghost{border-radius:var(--cb-radius)}@media (hover:hover) and (pointer:fine){.comic-button--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--cb-accent-hover-bg)}}.comic-button--sm{--cb-radius:4px;letter-spacing:.01em;border-width:1.5px;gap:.375rem;min-height:44px;padding:0 1.25rem;font-size:14px}.comic-button--md{--cb-radius:6px;min-height:48px;padding:0 1.5rem;font-size:15px}.comic-button--lg{--cb-radius:6px;border-width:1.5px;gap:.625rem;min-height:52px;padding:0 2rem;font-size:17px}.comic-button--link.comic-button--sm,.comic-button--ghost.comic-button--sm,.comic-button--link.comic-button--md,.comic-button--ghost.comic-button--md,.comic-button--link.comic-button--lg,.comic-button--ghost.comic-button--lg{border-width:0}.comic-button--pill{border-radius:999px}@media (hover:hover) and (pointer:fine){.comic-button:not(.comic-button--link):not(.comic-button--ghost):hover:not(:disabled):not([aria-disabled=true]){transform:translate(var(--cb-shadow-offset-hover), var(--cb-shadow-offset-hover));box-shadow:var(--cb-shadow-offset-hover) var(--cb-shadow-offset-hover) 0 0 var(--cb-shadow)}}.comic-button:not(.comic-button--link):not(.comic-button--ghost):active:not(:disabled):not([aria-disabled=true]){transform:translate(var(--cb-shadow-offset), var(--cb-shadow-offset));box-shadow:0 0 #0000}.comic-button--link:hover:not(:disabled):not([aria-disabled=true]),.comic-button--ghost:hover:not(:disabled):not([aria-disabled=true]){opacity:.85}.comic-button{outline:none}.comic-button:focus-visible{outline:3px solid var(--cb-focus-ring);outline-offset:3px}.comic-button:disabled,.comic-button[aria-disabled=true]{opacity:.5;box-shadow:none;cursor:not-allowed;pointer-events:none;transform:none}@media (prefers-reduced-motion:reduce){.comic-button{transition:none}}
