.btn-comic{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:Komika Axis,sans-serif;font-size:2.2rem;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;border:3px solid var(--color-ink-900);border-radius:8px;padding:1.4rem 2.8rem;cursor:pointer;background:var(--color-comic-paper);color:var(--color-ink-900);box-shadow:4px 4px 0 var(--color-ink-900);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn-comic:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ink-900)}.btn-comic.button:before,.btn-comic.button:after{content:none}.btn-comic:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-ink-900)}.btn-comic--primary{background:var(--color-primary);color:#fff}.btn-comic--primary:hover{background:var(--color-primary-hover)}.btn-comic--primary:active{background:var(--color-primary-active)}.btn-comic--secondary{background:var(--color-yellow);color:var(--color-ink-900)}.btn-comic--secondary:hover{background:var(--color-yellow-hover)}.btn-comic--secondary:active{background:var(--color-yellow-active)}.btn-comic--blue{background:var(--color-secondary);color:#fff}.btn-comic--blue:hover{background:var(--color-secondary-hover)}.btn-comic--blue:active{background:var(--color-secondary-active)}.btn-comic--muted{background:var(--color-primary-tint);border-color:var(--color-primary-border);color:var(--color-primary-hover);box-shadow:none;cursor:default}.btn-comic--muted:hover{transform:none;box-shadow:none}.btn-comic.button--primary,.btn-comic.button--secondary{color:rgb(var(--color-button-text))}.btn-comic--small{font-size:1.4rem;padding:.9rem 1.8rem;border-radius:6px;box-shadow:3px 3px 0 var(--color-ink-900)}.btn-comic--small:hover{box-shadow:5px 5px 0 var(--color-ink-900)}.btn-comic--outline{background:transparent;border-color:#fff;color:#fff;box-shadow:4px 4px #00000059}.btn-comic--outline:hover{background:#ffffff26;box-shadow:6px 6px #00000059}.btn-comic--outline:active{background:#ffffff40;box-shadow:2px 2px #00000059}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-comic-buttons.css.map */