.btn{--btn-bg: var(--color-vivid-blue-300);--btn-bg-hover: var(--color-vivid-blue-500);--btn-text: var(--color-blue-900);--btn-text-hover: var(--color-blue-900);--btn-border: transparent;--btn-border-hover: transparent;display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-regular);padding-inline:var(--spacing-medium);border:none;border-radius:var(--style-border-radius-buttons-primary);background-color:var(--btn-bg);color:var(--btn-text);font-family:var(--font-body--family);font-size:.75rem;font-weight:500;line-height:1;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing),transform var(--animation-speed-fast) var(--animation-easing)}.btn:hover,.btn:focus-visible{background-color:var(--btn-bg-hover);color:var(--btn-text-hover);border-color:var(--btn-border-hover)}.btn:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--colored{--btn-bg: var(--color-vivid-blue-300);--btn-bg-hover: var(--color-vivid-blue-500);--btn-text: var(--color-blue-900);--btn-text-hover: var(--color-blue-900)}.btn--colored-v2{--btn-bg: var(--color-blue-900);--btn-bg-hover: var(--color-blue-600);--btn-text: var(--color-white);--btn-text-hover: var(--color-white)}.btn--outline{--btn-bg: transparent;--btn-bg-hover: var(--color-white);--btn-text: var(--color-white);--btn-text-hover: var(--color-blue-900);--btn-border: var(--color-white);--btn-border-hover: var(--color-white);outline:1px solid var(--btn-border);outline-offset:-1px}.btn--outline:hover,.btn--outline:focus-visible{outline-color:var(--btn-border-hover)}.btn--outline-colored{--btn-bg: transparent;--btn-bg-hover: var(--color-blue-900);--btn-text: var(--color-blue-900);--btn-text-hover: var(--color-white);--btn-border: var(--color-blue-900);--btn-border-hover: var(--color-blue-900);outline:1px solid var(--btn-border);outline-offset:-1px}.btn--outline-colored:hover,.btn--outline-colored:focus-visible{outline-color:var(--btn-border-hover)}.btn--default{--btn-bg: var(--color-white);--btn-bg-hover: var(--color-blue-900);--btn-text: var(--color-blue-900);--btn-text-hover: var(--color-white)}.btn--sm{padding-block:var(--spacing-small);padding-inline:var(--spacing-regular);font-size:.625rem}.btn--lg{padding-block:var(--spacing-medium);padding-inline:var(--spacing-large);font-size:.875rem}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}@media(min-width:750px){.btn{padding-inline:var(--spacing-large);font-size:1rem}.btn--sm{padding-inline:var(--spacing-medium);font-size:.75rem}.btn--lg{padding-inline:var(--spacing-xlarge);font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/component-btn.css.map */