:root{--elevation-3: 0px 4px 8px 3px rgba(0,0,0,.15), 0px 1px 3px 0px rgba(0,0,0,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;border-radius:4px;border:2px solid transparent;font-family:var(--font-display);font-size:16px;line-height:32px;text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.btn__icon{flex:none}.btn--primary{background:var(--color-secondary);color:var(--color-primary);box-shadow:var(--elevation-3)}.btn--primary:hover{background:transparent;border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:none}.btn--primary:active{background:var(--color-primary);color:var(--color-secondary);border-color:transparent;box-shadow:var(--elevation-3)}.btn--secondary{background:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.btn--secondary:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-primary)}.btn--secondary:active{background:var(--color-primary);border-color:transparent;color:var(--color-secondary);box-shadow:var(--elevation-3)}.btn--text{background:transparent;border-color:transparent;color:var(--color-secondary);font-family:var(--font-body);line-height:24px;box-shadow:none}.btn--text:hover{text-decoration:underline}.btn:disabled,.btn.is-disabled{opacity:.68;pointer-events:none;cursor:default}.btn--icon{padding:8px;gap:0}.btn--icon.btn--secondary{border-width:1px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-buttons.css.map */