.btn{margin:0;border:none;cursor:pointer;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-btn-icon-gap);font-family:var(--ds-font-body);font-size:var(--ds-btn-font-size-md);font-weight:var(--ds-btn-font-weight);letter-spacing:var(--ds-btn-letter-spacing);text-transform:var(--ds-btn-text-transform);line-height:1;text-align:center;white-space:nowrap;padding:var(--ds-btn-padding-y-md) var(--ds-btn-padding-x-md);border:var(--ds-btn-border-width) solid transparent;border-radius:var(--ds-btn-border-radius);transition-property:background-color,border-color,color,transform,box-shadow;transition-duration:var(--ds-btn-transition-duration);transition-timing-function:var(--ds-btn-transition-timing);user-select:none;-webkit-user-select:none;-moz-user-select:none;vertical-align:middle}.btn:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}.btn:active:not(:disabled):not(.btn--disabled){transform:translateY(1px)}.btn__icon{width:var(--ds-btn-icon-size);height:var(--ds-btn-icon-size);flex-shrink:0;display:inline-block;fill:currentColor}.btn--icon-only{padding:var(--ds-btn-padding-y-md);aspect-ratio:1}.btn--icon-only.btn--sm{padding:var(--ds-btn-padding-y-sm)}.btn--icon-only.btn--lg{padding:var(--ds-btn-padding-y-lg)}.btn--primary{background-color:var(--ds-btn-primary-bg);color:var(--ds-btn-primary-text);border-color:var(--ds-btn-primary-border)}.btn--primary:hover:not(:disabled):not(.btn--disabled){background-color:var(--ds-btn-primary-hover-bg);color:var(--ds-btn-primary-hover-text);border-color:var(--ds-btn-primary-hover-border)}.btn--primary:disabled,.btn--primary.btn--disabled{background-color:var(--ds-btn-primary-disabled-bg);color:var(--ds-btn-primary-disabled-text);border-color:var(--ds-btn-primary-disabled-border);cursor:not-allowed;opacity:.6}.btn--secondary{background-color:var(--ds-btn-secondary-bg);color:var(--ds-btn-secondary-text);border-color:var(--ds-btn-secondary-border)}.btn--secondary:hover:not(:disabled):not(.btn--disabled){background-color:var(--ds-btn-secondary-hover-bg);color:var(--ds-btn-secondary-hover-text);border-color:var(--ds-btn-secondary-hover-border)}.btn--secondary:disabled,.btn--secondary.btn--disabled{background-color:var(--ds-btn-secondary-disabled-bg);color:var(--ds-btn-secondary-disabled-text);border-color:var(--ds-btn-secondary-disabled-border);cursor:not-allowed;opacity:.6}.btn--tertiary{background-color:var(--ds-btn-tertiary-bg);color:var(--ds-btn-tertiary-text);border-color:var(--ds-btn-tertiary-border);text-decoration:none;position:relative;padding-left:0;padding-right:0}.btn--tertiary span{border-bottom:1px solid transparent}.btn--tertiary:hover span{border-bottom:1px solid}.btn--tertiary:hover:not(:disabled):not(.btn--disabled){background-color:var(--ds-btn-tertiary-hover-bg);color:var(--ds-btn-tertiary-hover-text);border-color:var(--ds-btn-tertiary-hover-border)}.btn--tertiary:hover:not(:disabled):not(.btn--disabled):after{transform:scaleX(1);transform-origin:left}.btn--tertiary:disabled,.btn--tertiary.btn--disabled{background-color:var(--ds-btn-tertiary-disabled-bg);color:var(--ds-btn-tertiary-disabled-text);border-color:var(--ds-btn-tertiary-disabled-border);cursor:not-allowed;opacity:.6}.btn--tertiary:disabled:after,.btn--tertiary.btn--disabled:after{display:none}.btn--sm{font-size:var(--ds-btn-font-size-sm);padding:var(--ds-btn-padding-y-sm) var(--ds-btn-padding-x-sm)}.btn--sm .btn__icon{width:16px;height:16px}.btn--lg{font-size:var(--ds-btn-font-size-lg);padding:var(--ds-btn-padding-y-lg) var(--ds-btn-padding-x-lg)}.btn--lg .btn__icon{width:24px;height:24px}.btn--full-width{display:flex;width:100%}.btn-group{display:flex;gap:var(--ds-space-sm);flex-wrap:wrap}.btn-group .btn{flex:0 1 auto}.btn--loading{position:relative;color:transparent!important;pointer-events:none;cursor:wait}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btn-spin .6s linear infinite;opacity:.8}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn--loading:after{animation:none;opacity:1}}@media (max-width: 768px){.btn{min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-buttons.css.map */