action-button{display:contents;--btn-border-width: 1px;--btn-ring-outer-inset: calc(-6px - var(--btn-border-width));--btn-ring-outer-radius: 14px}.btn{--btn-focus-inset: calc((var(--space-x1) * -1) - var(--btn-border-width));--btn-focus-ring-outer: transparent;--btn-size-l: 56px;-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-x2);font-family:var(--font-body);min-height:var(--space-x12);padding-inline:var(--space-x8);border:var(--btn-border-width) solid var(--btn-border, transparent);border-radius:var(--radius-x2);background:var(--btn-bg);color:var(--btn-content);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn--size-s{min-height:var(--space-x10);padding-inline:var(--space-x5)}@media(min-width:1200px){.btn--size-s{min-height:var(--space-x12);padding-inline:var(--space-x8)}}@media(min-width:1800px){.btn{min-height:var(--btn-size-l);padding-inline:var(--space-x10)}}@media(prefers-reduced-motion:reduce){.btn,.btn-icon{transition:none}}.btn:not(:disabled):not([aria-disabled=true]):hover,.btn:not(:disabled):not([aria-disabled=true]):active{background:var(--btn-bg-hover);border-color:var(--btn-border-hover, var(--btn-border, transparent));color:var(--btn-content-hover, var(--btn-content))}.btn:not(:disabled):not([aria-disabled=true]):hover .btn__addon-compare,.btn:not(:disabled):not([aria-disabled=true]):active .btn__addon-compare{color:var(--btn-content-secondary-hover, var(--btn-content-secondary))}.btn:focus-visible{outline:none}.btn:before{content:"";position:absolute;inset:var(--btn-focus-inset);border:2px solid transparent;border-radius:var(--radius-x3)}.btn:focus-visible:before{border-color:var(--btn-focus-ring, var(--control-border-focus))}.btn:after{content:"";position:absolute;inset:var(--btn-ring-outer-inset);border:2px solid transparent;border-radius:var(--btn-ring-outer-radius);pointer-events:none}.btn:focus-visible:after{border-color:var(--btn-focus-ring-outer)}.btn:disabled,.btn[aria-disabled=true]{background:var(--btn-bg-disabled);border-color:var(--btn-border-disabled, var(--btn-border, transparent));color:var(--control-content-disabled);cursor:not-allowed}.btn:disabled .btn__addon-compare,.btn[aria-disabled=true] .btn__addon-compare{color:var(--control-content-disabled)}.btn[aria-disabled=true]{pointer-events:none}.btn--full{width:100%}.btn--primary{--btn-bg: var(--control-bg-primary);--btn-bg-hover: var(--control-bg-primary-hover);--btn-bg-disabled: var(--control-bg-primary-disabled);--btn-content: var(--control-content-primary-inverse);--btn-content-secondary: var(--control-content-secondary-inverse);--btn-focus-ring: var(--control-border-focus)}.btn--secondary{--btn-bg: var(--control-bg-secondary-inverse);--btn-bg-hover: var(--control-bg-secondary-inverse-hover);--btn-bg-disabled: var(--control-bg-secondary-inverse);--btn-content: var(--control-content-primary);--btn-content-secondary: var(--control-content-secondary);--btn-focus-ring: var(--control-border-focus);--btn-focus-ring-outer: var(--control-border-focus-inverse)}.btn--outline{--btn-bg: transparent;--btn-bg-hover: var(--control-bg-secondary-inverse);--btn-bg-disabled: transparent;--btn-border: var(--control-border-subtle);--btn-border-hover: var(--control-border-subtle);--btn-border-disabled: var(--control-border-subtle);--btn-content: var(--control-content-primary);--btn-content-secondary: var(--control-content-secondary);--btn-focus-ring: var(--control-border-focus)}.btn--white{--btn-bg: var(--control-bg-primary-inverse);--btn-bg-hover: var(--control-bg-primary);--btn-bg-disabled: var(--control-bg-primary-inverse);--btn-content: var(--control-content-primary);--btn-content-hover: var(--control-content-primary-inverse);--btn-content-secondary: var(--control-content-secondary);--btn-content-secondary-hover: var(--control-content-secondary-inverse);--btn-focus-ring: var(--control-border-focus);--btn-focus-ring-outer: var(--control-border-focus-inverse)}.btn--white-inverse{--btn-bg: var(--control-bg-primary-inverse);--btn-bg-hover: var(--control-bg-secondary-inverse-hover);--btn-bg-disabled: var(--control-bg-primary-disabled);--btn-content: var(--control-content-primary);--btn-content-secondary: var(--control-content-secondary);--btn-focus-ring: var(--control-border-focus-inverse)}.btn__content:not([hidden]){display:inline-flex;align-items:center;gap:var(--space-x2)}.btn__label{word-break:break-word}.btn__content-size{display:none}.btn__content-size--m{display:inline-flex;align-items:center;gap:var(--space-x2)}.btn--size-s .btn__content-size--m{display:none}.btn--size-s .btn__content-size--s{display:inline-flex;align-items:center;gap:var(--space-x2)}@media(min-width:1200px){.btn--size-s .btn__content-size--m{display:inline-flex;align-items:center;gap:var(--space-x2)}.btn--size-s .btn__content-size--s{display:none}}@media(min-width:1800px){.btn__content-size--m{display:none}.btn__content-size--l{display:inline-flex;align-items:center;gap:var(--space-x2)}.btn--size-s .btn__content-size--m,.btn--size-s .btn__content-size--s{display:none}}.btn__content-stack{position:relative;display:inline-grid;justify-items:center;align-items:center}.btn__content-stack>.btn__content{grid-area:1 / 1}.btn__content-stack>.btn__content[hidden]{display:inline-flex;visibility:hidden}.btn__addon,.btn__addon-value,.btn__addon-compare{display:inline-flex;align-items:center;gap:var(--space-x1)}.btn__addon-value{white-space:nowrap}.btn__addon-compare{color:var(--btn-content-secondary)}.btn__addon-compare s{text-decoration-skip-ink:none}.btn__icon{display:inline-flex;flex-shrink:0;width:var(--space-x5);height:var(--space-x5)}.btn__icon-svg{width:100%;height:100%}action-button[data-loading=true] .btn__icon,action-button[data-loading=true] .btn__content{opacity:0}.btn-icon{--btn-focus-inset: calc((var(--space-x1) * -1) - var(--btn-border-width));--btn-focus-ring-outer: transparent;-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-body);border:var(--btn-border-width) solid var(--btn-border, transparent);border-radius:var(--radius-circle);background:var(--btn-bg);color:var(--btn-content);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-icon:not(:disabled):not([aria-disabled=true]):hover,.btn-icon:not(:disabled):not([aria-disabled=true]):active{background:var(--btn-bg-hover);border-color:var(--btn-border-hover, var(--btn-border, transparent));color:var(--btn-content-hover, var(--btn-content))}.btn-icon:focus-visible{outline:none}.btn-icon:before{content:"";position:absolute;inset:var(--btn-focus-inset);border:2px solid transparent;border-radius:var(--radius-circle)}.btn-icon:focus-visible:before{border-color:var(--btn-focus-ring, var(--control-border-focus))}.btn-icon:after{content:"";position:absolute;inset:var(--btn-ring-outer-inset);border:2px solid transparent;border-radius:var(--radius-circle);pointer-events:none}.btn-icon:focus-visible:after{border-color:var(--btn-focus-ring-outer)}.btn-icon--square{border-radius:var(--radius-x2)}.btn-icon--square:before{border-radius:var(--radius-x3)}.btn-icon--square:after{border-radius:var(--btn-ring-outer-radius)}.btn-icon--square.btn-icon--xs{border-radius:var(--radius-x1-5)}.btn-icon--square.btn-icon--xs:before{border-radius:calc(var(--radius-x1-5) - var(--btn-focus-inset) - var(--btn-border-width))}.btn-icon--square.btn-icon--xs:after{border-radius:calc(var(--radius-x1-5) - var(--btn-ring-outer-inset) - var(--btn-border-width))}.btn-icon:disabled,.btn-icon[aria-disabled=true]{background:var(--btn-bg-disabled);border-color:var(--btn-border-disabled, var(--btn-border, transparent));color:var(--control-content-disabled);cursor:not-allowed}.btn-icon[aria-disabled=true]{pointer-events:none}.btn-icon--l{width:var(--space-x11);height:var(--space-x11)}@media(min-width:1200px){.btn-icon--l{width:var(--space-x12);height:var(--space-x12)}}.btn-icon--m{width:var(--space-x10);height:var(--space-x10)}@media(min-width:1200px){.btn-icon--m{width:var(--space-x12);height:var(--space-x12)}}.btn-icon--s{width:var(--space-x10);height:var(--space-x10)}.btn-icon--xs{width:var(--space-x8);height:var(--space-x8)}.btn-icon--xs:not(:disabled):not([aria-disabled=true]):after{pointer-events:auto}.btn-icon__icon{display:inline-flex;width:var(--space-x5);height:var(--space-x5)}.btn-icon--xs .btn-icon__icon{width:var(--space-x4);height:var(--space-x4)}.btn-icon__icon-svg{width:100%;height:100%}.btn-icon__icon [data-icon-for]:not([hidden]){display:inline-flex;width:100%;height:100%}.btn-icon--primary,.btn-icon--black{--btn-bg: var(--control-bg-primary);--btn-bg-hover: var(--control-bg-primary-hover);--btn-bg-disabled: var(--control-bg-primary-disabled);--btn-content: var(--control-content-primary-inverse);--btn-focus-ring: var(--control-border-focus)}.btn-icon--secondary{--btn-bg: var(--control-bg-secondary-inverse);--btn-bg-hover: var(--control-bg-secondary-inverse-hover);--btn-bg-disabled: var(--control-bg-secondary-inverse);--btn-content: var(--control-content-primary);--btn-focus-ring: var(--control-border-focus);--btn-focus-ring-outer: var(--control-border-focus-inverse)}.btn-icon--outline{--btn-bg: transparent;--btn-bg-hover: var(--control-bg-secondary-inverse);--btn-bg-disabled: transparent;--btn-border: var(--control-border-subtle);--btn-border-hover: var(--control-border-subtle);--btn-border-disabled: var(--control-border-subtle);--btn-content: var(--control-content-primary);--btn-focus-ring: var(--control-border-focus)}.btn-icon--outline-inverse{--btn-bg: transparent;--btn-bg-hover: var(--control-bg-primary-inverse);--btn-bg-disabled: transparent;--btn-border: var(--control-border-subtle-inverse);--btn-border-hover: var(--control-border-subtle-inverse);--btn-border-disabled: var(--control-border-subtle-inverse);--btn-content: var(--control-content-primary-inverse);--btn-focus-ring: var(--control-border-focus-inverse)}.btn-icon--white{--btn-bg: var(--control-bg-primary-inverse);--btn-bg-hover: var(--control-bg-primary);--btn-bg-disabled: var(--control-bg-primary-inverse);--btn-content: var(--control-content-primary);--btn-content-hover: var(--control-content-primary-inverse);--btn-focus-ring: var(--control-border-focus);--btn-focus-ring-outer: var(--control-border-focus-inverse)}.btn-icon--white-inverse{--btn-bg: var(--control-bg-primary-inverse);--btn-bg-hover: var(--control-bg-secondary-inverse-hover);--btn-bg-disabled: var(--control-bg-primary-disabled);--btn-content: var(--control-content-primary);--btn-focus-ring: var(--control-border-focus-inverse)}action-button[data-loading=true] .btn-icon .btn-icon__icon{visibility:hidden}.btn__spinner{display:none}action-button[data-loading=true] .btn,action-button[data-loading=true] .btn-icon{background:var(--btn-bg-hover);border-color:var(--btn-border-hover, var(--btn-border, transparent));color:var(--btn-content-hover, var(--btn-content));cursor:wait}action-button[data-loading=true] .btn__spinner{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--space-x5);height:var(--space-x5);animation:btn-spin .8s linear infinite}action-button[data-loading=true] .btn-icon--xs .btn__spinner{width:var(--space-x4);height:var(--space-x4)}@media(prefers-reduced-motion:reduce){action-button[data-loading=true] .btn__spinner{animation:none}}@keyframes btn-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-button.css.map */