.hf-button{position:relative;display:inline-flex;width:auto;min-width:0;min-height:var(--hf-control-height-md);margin:0;padding:0 var(--hf-space-5);align-items:center;justify-content:center;gap:var(--hf-space-2);color:var(--hf-color-text-primary);background:transparent;border:var(--hf-border-width-thin) solid transparent;border-radius:var(--hf-radius-sm);font-family:var(--hf-font-family-body);font-size:var(--hf-font-size-button);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-wide);line-height:var(--hf-line-height-control);text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;transition:color var(--hf-duration-fast) var(--hf-ease-standard),background-color var(--hf-duration-fast) var(--hf-ease-standard),border-color var(--hf-duration-fast) var(--hf-ease-standard),box-shadow var(--hf-duration-fast) var(--hf-ease-standard),opacity var(--hf-duration-fast) var(--hf-ease-standard),transform var(--hf-duration-fast) var(--hf-ease-standard)}.hf-button:hover{text-decoration:none}.hf-button:active{transform:translateY(1px)}.hf-button:focus-visible{outline:3px solid var(--hf-color-focus);outline-offset:3px}.hf-button:disabled,.hf-button[aria-disabled=true],.hf-button.is-disabled{cursor:not-allowed;opacity:.58;pointer-events:none;transform:none}.hf-button__content{position:relative;z-index:1;display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:var(--hf-space-2);color:inherit}.hf-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-button__icon{display:inline-flex;width:1.125rem;height:1.125rem;flex:0 0 1.125rem;align-items:center;justify-content:center}.hf-button__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hf-button__icon--after{order:2}.hf-button__icon--before{order:0}.hf-button__label{order:1}.hf-button--primary{color:var(--hf-color-brand-contrast);background:var(--hf-color-brand-primary);border-color:var(--hf-color-brand-primary)}.hf-button--primary:hover{color:var(--hf-color-brand-contrast);background:var(--hf-color-brand-primary-hover);border-color:var(--hf-color-brand-primary-hover)}.hf-button--primary:active{color:var(--hf-color-brand-contrast);background:var(--hf-color-brand-primary-active);border-color:var(--hf-color-brand-primary-active)}.hf-button--secondary{color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);border-color:var(--hf-color-border-strong)}.hf-button--secondary:hover{color:var(--hf-color-text-primary);background:var(--hf-color-surface-secondary);border-color:var(--hf-color-text-primary)}.hf-button--secondary:active{background:var(--hf-color-surface-tertiary)}.hf-button--tertiary{min-height:auto;padding:var(--hf-space-2) 0;color:var(--hf-color-text-primary);background:transparent;border-color:transparent;border-radius:0}.hf-button--tertiary:after{position:absolute;right:0;bottom:.2rem;left:0;height:1px;background:currentColor;content:"";opacity:.45;transform:scaleX(1);transform-origin:left center;transition:opacity var(--hf-duration-fast) var(--hf-ease-standard),transform var(--hf-duration-fast) var(--hf-ease-standard)}.hf-button--tertiary:hover:after{opacity:1;transform:scaleX(.55)}.hf-button--tertiary:active{transform:none}.hf-button--accent{color:var(--hf-color-brand-contrast);background:var(--hf-color-accent);border-color:var(--hf-color-accent)}.hf-button--accent:hover{color:var(--hf-color-brand-contrast);background:var(--hf-color-accent-hover);border-color:var(--hf-color-accent-hover)}.hf-button--inverse{color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);border-color:var(--hf-color-surface-primary)}.hf-button--inverse:hover{color:var(--hf-color-text-primary);background:var(--hf-color-surface-secondary);border-color:var(--hf-color-surface-secondary)}.hf-button--ghost-inverse{color:var(--hf-color-text-inverse);background:transparent;border-color:var(--hf-color-border-inverse)}.hf-button--ghost-inverse:hover{color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);border-color:var(--hf-color-surface-primary)}.hf-button--small{min-height:var(--hf-control-height-sm);padding-right:var(--hf-space-4);padding-left:var(--hf-space-4);font-size:var(--hf-font-size-caption)}.hf-button--medium{min-height:var(--hf-control-height-md);padding-right:var(--hf-space-5);padding-left:var(--hf-space-5)}.hf-button--large{min-height:var(--hf-control-height-lg);padding-right:var(--hf-space-6);padding-left:var(--hf-space-6)}.hf-button--xlarge{min-height:4rem;padding-right:var(--hf-space-7);padding-left:var(--hf-space-7);font-size:1rem}.hf-button--full,.hf-button--mobile-full{width:100%}.hf-button--icon{width:var(--hf-control-height-md);min-width:var(--hf-control-height-md);padding:0;border-radius:var(--hf-radius-pill)}.hf-button--icon.hf-button--small{width:var(--hf-control-height-sm);min-width:var(--hf-control-height-sm)}.hf-button--icon.hf-button--large{width:var(--hf-control-height-lg);min-width:var(--hf-control-height-lg)}.hf-button--icon.hf-button--xlarge{width:4rem;min-width:4rem}.hf-button__spinner{position:absolute;top:50%;left:50%;display:none;width:1.25rem;height:1.25rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;transform:translate(-50%,-50%);animation:hf-button-spin .7s linear infinite}.hf-button.is-loading,.hf-button[aria-busy=true]{cursor:progress;pointer-events:none}.hf-button.is-loading .hf-button__content,.hf-button[aria-busy=true] .hf-button__content{opacity:0}.hf-button.is-loading .hf-button__spinner,.hf-button[aria-busy=true] .hf-button__spinner{display:block}@keyframes hf-button-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hf-button.is-success{color:var(--hf-color-brand-contrast);background:var(--hf-color-success);border-color:var(--hf-color-success)}.hf-button--danger{color:var(--hf-color-brand-contrast);background:var(--hf-color-danger);border-color:var(--hf-color-danger)}.hf-button--danger:hover{color:var(--hf-color-brand-contrast);filter:brightness(.9)}.hf-button-group{display:flex;flex-wrap:wrap;gap:var(--hf-space-3);align-items:center}.hf-button-group--stacked{flex-direction:column;align-items:stretch}.hf-button-group--stacked .hf-button{width:100%}@media(hover:none)and (pointer:coarse){.hf-button{min-height:var(--hf-control-height-lg)}.hf-button--small,.hf-button--tertiary{min-height:var(--hf-touch-target-min)}}@media(hover:hover)and (pointer:fine){.hf-button--primary:hover,.hf-button--secondary:hover,.hf-button--accent:hover,.hf-button--inverse:hover,.hf-button--ghost-inverse:hover,.hf-button--danger:hover{transform:translateY(-1px);box-shadow:var(--hf-shadow-soft)}.hf-button--primary:active,.hf-button--secondary:active,.hf-button--accent:active,.hf-button--inverse:active,.hf-button--ghost-inverse:active,.hf-button--danger:active{transform:translateY(1px);box-shadow:none}}@media screen and (min-width:48rem){.hf-button--mobile-full{width:auto}}@media(prefers-reduced-motion:reduce){.hf-button,.hf-button:after,.hf-button__spinner{animation-duration:.01ms!important;transition-duration:.01ms!important}.hf-button:active{transform:none}}@media(forced-colors:active){.hf-button{border:1px solid ButtonText}.hf-button--primary,.hf-button--accent,.hf-button--danger{color:ButtonText;background:ButtonFace}.hf-button:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hfds-buttons.css.map */