.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--am-space-2);position:relative;border:1px solid transparent;border-radius:var(--am-radius-md);padding-block:var(--am-space-3);padding-inline:var(--am-space-6);font-family:var(--font-body--family, var(--font-primary--family));font-size:var(--am-font-size-body);font-weight:var(--am-font-weight-semibold);line-height:1;letter-spacing:var(--am-letter-spacing-normal);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--am-transition-fast),border-color var(--am-transition-fast),color var(--am-transition-fast),transform var(--am-transition-fast),box-shadow var(--am-transition-fast)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn:active{transform:scale(.98)}.btn[disabled],.btn--disabled{cursor:not-allowed;opacity:.5;transform:none}.btn--sm{padding-block:var(--am-space-2);padding-inline:var(--am-space-4);font-size:var(--am-font-size-small)}.btn--lg{padding-block:var(--am-space-4);padding-inline:var(--am-space-8);font-size:var(--am-font-size-body-lg)}.btn--full{width:100%}.btn--primary{background-color:var(--color-action);color:var(--color-on-action)}.btn--primary:hover:not([disabled]){background-color:var(--color-action-hover)}.btn--secondary{background-color:var(--color-inverse);color:var(--color-text-on-dark)}.btn--secondary:hover:not([disabled]){background-color:var(--color-surface-dark)}.btn--outline{background-color:transparent;border-color:var(--color-text-primary);color:var(--color-text-primary)}.btn--outline:hover:not([disabled]){background-color:var(--color-text-primary);color:var(--color-text-on-dark)}.btn--ghost{background-color:transparent;color:var(--color-text-primary)}.btn--ghost:hover:not([disabled]){background-color:var(--color-bg-secondary)}.btn--danger{background-color:var(--color-danger);color:var(--color-on-action)}.btn--danger:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-danger) 85%,black)}.btn--loading{color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-radius:var(--am-radius-full);border-right-color:transparent;color:var(--color-on-action);animation:am-spin .6s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/17/assets/styles-buttons.css.map */