.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-height:var(--ds-size-touch-min);min-width:var(--ds-size-touch-min);padding:var(--ds-space-3) var(--ds-space-6);font-family:var(--font-heading);font-size:var(--ds-text-base);font-weight:var(--ds-font-bold);letter-spacing:.02em;text-align:center;text-decoration:none;text-transform:uppercase;line-height:1.2;background:transparent;border:var(--ds-border-medium);border-color:transparent;border-radius:var(--ds-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--ds-transition-colors),transform var(--ds-duration-fast) var(--ds-ease-out),box-shadow var(--ds-duration-normal) var(--ds-ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ds-button::selection{background:transparent}.ds-button--primary{background-color:var(--ds-color-accent);color:var(--ds-color-white);border-color:var(--ds-color-accent)}.ds-button--primary:hover{background-color:var(--ds-color-accent-hover);border-color:var(--ds-color-accent-hover);color:var(--ds-color-white)}.ds-button--primary:active{background-color:var(--ds-color-accent);border-color:var(--ds-color-accent)}.ds-button--secondary{background-color:transparent;color:var(--ds-color-charcoal);border:var(--ds-border-medium);border-color:var(--ds-color-charcoal)}.ds-button--secondary:hover{background-color:var(--ds-color-charcoal);color:var(--ds-color-white);border-color:var(--ds-color-charcoal)}.ds-button--secondary:active{background-color:var(--ds-color-charcoal-light)}.ds-button--ghost{background:none;color:var(--ds-color-accent);border:none;padding:var(--ds-space-2) var(--ds-space-4);min-width:auto;position:relative}.ds-button--ghost:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--ds-color-accent);transition:width var(--ds-duration-normal) var(--ds-ease-out),left var(--ds-duration-normal) var(--ds-ease-out)}.ds-button--ghost:hover:after{width:100%;left:0}.ds-button--ghost:active{color:var(--ds-color-red-light)}.ds-button--sm{min-height:36px;min-width:36px;padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-text-sm)}.ds-button--lg{min-height:56px;min-width:56px;padding:var(--ds-space-4) var(--ds-space-8);font-size:var(--ds-text-lg)}.ds-button--full{width:100%}.ds-button__icon{display:inline-flex;width:var(--ds-size-icon-default);height:var(--ds-size-icon-default);flex-shrink:0}.ds-button--icon-only{padding:var(--ds-space-3);aspect-ratio:1}.ds-button--icon-only.ds-button--sm{padding:var(--ds-space-2)}.ds-button--icon-only.ds-button--lg{padding:var(--ds-space-4)}.ds-button:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:4px;box-shadow:var(--ds-shadow-focus)}.ds-button--primary:focus-visible{outline:2px solid var(--ds-color-white);outline-offset:2px}.ds-button:disabled,.ds-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.ds-button--loading{position:relative;color:transparent;pointer-events:none}.ds-button--loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ds-button-spin .6s linear infinite}.ds-button--primary.ds-button--loading:after{border-color:var(--ds-color-white);border-right-color:transparent}.ds-button--secondary.ds-button--loading:after{border-color:var(--ds-color-charcoal);border-right-color:transparent}.ds-button--ghost.ds-button--loading:after{border-color:var(--ds-color-accent);border-right-color:transparent}.ds-button-group{display:inline-flex;gap:var(--ds-space-3);flex-wrap:wrap}.ds-button-group--vertical{flex-direction:column;align-items:stretch}.ds-button-group--vertical .ds-button{width:100%}.ds-button-group--attached{gap:0}.ds-button-group--attached .ds-button{border-radius:0}.ds-button-group--attached .ds-button:first-child{border-top-left-radius:var(--ds-radius-sm);border-bottom-left-radius:var(--ds-radius-sm)}.ds-button-group--attached .ds-button:last-child{border-top-right-radius:var(--ds-radius-sm);border-bottom-right-radius:var(--ds-radius-sm)}.ds-button-group--attached .ds-button:not(:last-child){border-right-width:1px}@keyframes ds-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.ds-button{min-height:var(--ds-size-touch-min);padding:var(--ds-space-3) var(--ds-space-5)}.ds-button--sm{min-height:var(--ds-size-touch-min);padding:var(--ds-space-3) var(--ds-space-4)}}@media (prefers-reduced-motion: reduce){.ds-button{transition:none}.ds-button--ghost:after{transition:none}.ds-button--loading:after{animation:none;border-right-color:currentColor}.ds-button:hover,.ds-button:active{transform:none}}@media print{.ds-button{border:1px solid var(--ds-color-charcoal)!important;box-shadow:none!important;background:transparent!important;color:var(--ds-color-charcoal)!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/components/ds-button.css.map */