.nc-button{--nc-button-bg: var(--nc-color-violet-600);--nc-button-bg-hover: var(--nc-color-violet-hover);--nc-button-bg-active: var(--nc-color-violet-pressed);--nc-button-fg: var(--nc-color-on-violet);--nc-button-border: transparent;position:relative;display:inline-grid;place-items:center;box-sizing:border-box;min-height:40px;padding:0 var(--nc-space-16);background:var(--nc-button-bg);color:var(--nc-button-fg);border:var(--nc-border-width) solid var(--nc-button-border);border-radius:var(--nc-radius-6);font:inherit;font-family:var(--nc-font-family);font-size:var(--nc-font-size-label);font-weight:var(--nc-font-weight-semibold);text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--nc-duration-fast) var(--nc-easing-standard),box-shadow var(--nc-duration-fast) var(--nc-easing-standard)}.nc-button:before{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}.nc-button[data-state=error]:before{top:-4px;right:0;bottom:-4px;left:0}.nc-button__content{grid-area:1 / 1;display:inline-flex;align-items:center;gap:var(--nc-space-8)}.nc-button--confirmation{--nc-button-bg-hover: color-mix(in srgb, var(--nc-button-bg) 90%, black);--nc-button-bg-active: color-mix(in srgb, var(--nc-button-bg) 74%, black);--nc-button-bg: var(--nc-color-ink-900);--nc-button-fg: var(--nc-color-surface-000)}.nc-button--secondary{--nc-button-bg: var(--nc-color-surface-000);--nc-button-fg: var(--nc-color-ink-900);--nc-button-border: var(--nc-color-border-200)}.nc-button--destructive{--nc-button-bg-hover: color-mix(in srgb, var(--nc-button-bg) 90%, black);--nc-button-bg-active: color-mix(in srgb, var(--nc-button-bg) 74%, black);--nc-button-bg: var(--nc-color-danger-600);--nc-button-fg: var(--nc-color-surface-000)}@media(hover:hover){.nc-button:hover:not([disabled]):not([aria-disabled=true]):not([data-state=error]){background:var(--nc-button-bg-hover, color-mix(in srgb, var(--nc-button-bg) 90%, black));box-shadow:var(--nc-elevation-panel)}}@media(hover:hover){.nc-button--secondary:hover:not([disabled]):not([aria-disabled=true]):not([data-state=error]){background:var(--nc-color-warm-100)}}.nc-button:active:not([disabled]):not([aria-disabled=true]):not([data-state=error]){background:var(--nc-button-bg-active, color-mix(in srgb, var(--nc-button-bg) 74%, black));box-shadow:none}.nc-button--secondary:active:not([disabled]):not([aria-disabled=true]):not([data-state=error]){background:var(--nc-color-border-200)}.nc-button:focus-visible{outline:var(--nc-focus-ring-width) solid var(--nc-focus-ring-color);outline-offset:var(--nc-focus-ring-offset)}.nc-button[data-state=success]{--nc-button-bg: var(--nc-color-success-600);--nc-button-fg: var(--nc-color-surface-000);--nc-button-border: var(--nc-color-success-600)}.nc-button[data-state=error]{--nc-button-bg: transparent;--nc-button-fg: var(--nc-color-danger-600);--nc-button-border: var(--nc-color-danger-600);border-width:2px;padding-inline:calc(var(--nc-space-16) - 1px)}.nc-button[data-state=loading]{cursor:wait}.nc-button[data-state=loading] .nc-button__content,.nc-button[data-state=success] .nc-button__content,.nc-button[data-state=error] .nc-button__content{opacity:0}.nc-button__overlay{grid-area:1 / 1;display:inline-flex;align-items:center;gap:var(--nc-space-8);white-space:nowrap;visibility:hidden}.nc-button[data-state=loading] .nc-button__overlay--loading,.nc-button[data-state=success] .nc-button__overlay--success,.nc-button[data-state=error] .nc-button__overlay--error{visibility:visible}.nc-button__overlay--loading:before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nc-button-spin .8s linear infinite}.nc-button__status-icon{width:14px;height:14px}.nc-button[disabled],.nc-button[aria-disabled=true]:not([data-state=loading]){background:var(--nc-color-warm-100);color:var(--nc-color-disabled-text);border-color:var(--nc-color-warm-100);box-shadow:none;cursor:not-allowed}@keyframes nc-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nc-button__overlay--loading:before{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nc-button.css.map */