.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--button-padding-y) var(--button-padding-x);border:1px solid transparent;border-radius:var(--radius-button);font-family:var(--font-body-family);font-size:var(--text-small);font-weight:600;line-height:1.2;letter-spacing:var(--button-letter-spacing);text-transform:var(--button-transform);text-align:center;cursor:pointer;white-space:nowrap;-webkit-appearance:none;appearance:none;transition:background-color .35s var(--anim-easing),color .35s var(--anim-easing),border-color .35s var(--anim-easing),transform .35s var(--anim-easing),box-shadow .35s var(--anim-easing)}.btn:hover{transform:translateY(var(--button-hover-lift))}.btn:active{transform:translateY(0)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none;transform:none}.btn--primary{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-label))}.btn--primary:hover{box-shadow:0 8px 24px rgb(var(--color-shadow) / calc(var(--shadow-alpha) * 2))}.btn--secondary{background-color:transparent;border-color:rgb(var(--color-button-secondary) / .35);color:rgb(var(--color-button-secondary))}.btn--secondary:hover{border-color:rgb(var(--color-button-secondary));background-color:rgb(var(--color-button-secondary) / .06)}.btn--ghost{background-color:#ffffff1a;border-color:#ffffff47;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn--ghost:hover{background-color:#ffffff2e;border-color:#ffffff80}.btn--link{padding:0;border:0;border-radius:0;background:none;color:rgb(var(--color-text));text-transform:none;letter-spacing:0}.btn--link:hover{transform:none;color:rgb(var(--color-accent))}.btn--accent{background-color:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:rgb(var(--color-bg))}.btn--accent:hover{box-shadow:0 8px 24px rgb(var(--color-accent) / .32)}.btn--sm{padding:calc(var(--button-padding-y) * .7) calc(var(--button-padding-x) * .7);font-size:var(--text-micro)}.btn--lg{padding:calc(var(--button-padding-y) * 1.25) calc(var(--button-padding-x) * 1.25);font-size:var(--text-body)}.btn--full{width:100%}@media screen and (max-width:749px){.btn--full-mobile{width:100%}}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.btn-group--center{justify-content:center}@media screen and (max-width:749px){.btn-group--stack-mobile{flex-direction:column;align-items:stretch}.btn-group--stack-mobile .btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-button.css.map */