:root{--btn-font-size: 1em;--btn-padding-x: var(--space-sm);--btn-padding-y: var(--space-xxs);--btn-radius: var(--radius-md)}.btn{background:var(--color-bg-dark);color:var(--color-contrast-higher);cursor:pointer;text-decoration:none;line-height:1.2;transition:all .2s ease;will-change:transform}.btn:focus{box-shadow:0px 0px 0px 2px rgba(var(--color-contrast-higher), 0.15);outline:none}.btn:active{transform:translateY(2px)}.btn--primary{background:var(--color-primary);color:var(--color-white) !important;box-shadow:inset 0px 1px 0px rgba(var(--color-white), 0.15),var(--shadow-xs)}.btn--primary:hover{background:var(--color-primary-light);box-shadow:inset 0px 1px 0px rgba(var(--color-white), 0.15),var(--shadow-sm)}.btn--primary:focus{box-shadow:inset 0px 1px 0px rgba(var(--color-white), 0.15),0px 0px 0px 2px rgba(var(--color-primary), 0.2)}.btn--subtle{background:var(--color-bg-light);color:var(--color-contrast-higher);box-shadow:inset 0px 0px 0px 1px var(--color-contrast-lower),var(--shadow-xs)}.btn--subtle:hover{background:var(--color-bg-lighter);box-shadow:inset 0px 0px 0px 1px var(--color-contrast-lower),var(--shadow-sm)}.btn--subtle:focus{box-shadow:inset 0px 0px 0px 1px var(--color-contrast-lower),0px 0px 0px 2px rgba(var(--color-contrast-higher), 0.05)}.btn--accent{background:var(--color-accent);color:var(--color-white);box-shadow:inset 0px 1px 0px rgba(var(--color-white), 0.15),var(--shadow-xs)}.btn--accent:hover{background:var(--color-accent-light);box-shadow:inset 0px 1px 0px rgba(var(--color-white), 0.15),var(--shadow-sm)}.btn--accent:focus{box-shadow:inset 0px 1px 0px rgba(var(--color-white), 0.15),0px 0px 0px 2px rgba(var(--color-accent), 0.2)}.btn--disabled,.btn[disabled],.btn[readonly]{opacity:.6;cursor:not-allowed}.btn--sm{font-size:.8em}.btn--md{font-size:1.2em}.btn--lg{font-size:1.4em}/*# sourceMappingURL=buttons.css.map */