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