@scope(.noel-page){.button,.text-link,.button-link,.icon-control{-webkit-appearance:none;appearance:none;font:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.button{--button-background: var(--color-button);--button-border: var(--color-button);--button-color: var(--color-button-label);--button-hover-background: var(--button-background);--button-hover-border: var(--button-border);--button-hover-color: var(--button-color);display:inline-flex;min-width:196px;min-height:var(--control-height-default);padding:8px 24px;border:var(--border-width-default) solid var(--button-border);border-radius:var(--style-border-radius-controls);background:var(--button-background);color:var(--button-color);align-items:center;justify-content:center;gap:8px;font-size:var(--type-control-size);font-weight:var(--type-control-weight);line-height:var(--type-control-line-height);letter-spacing:var(--type-control-letter-spacing);text-align:center;text-transform:var(--type-control-transform);position:relative;overflow:hidden;isolation:isolate;--button-hover-highlight-opacity: 0;cursor:pointer;filter:none;transition:background-color .34s cubic-bezier(.22,1,.36,1),border-color .24s ease,color .24s ease,opacity var(--motion-duration-fast) ease}.button:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:currentColor;content:"";opacity:var(--button-hover-highlight-opacity, 0);pointer-events:none}.button:hover,.button:focus-visible,.button[aria-pressed=true]{border-color:var(--button-hover-border);background:var(--button-hover-background);color:var(--button-hover-color)}.button>*{position:relative;z-index:1}.button:active:not(:disabled,[aria-disabled=true]){opacity:.82}.button--secondary{--button-background: transparent;--button-border: var(--color-secondary-button-label);--button-color: var(--color-secondary-button-label);--button-hover-background: var(--button-background);--button-hover-color: var(--button-color)}.button--inverse{--button-background: var(--color-background);--button-border: var(--color-background);--button-color: var(--color-foreground);--button-hover-background: var(--button-background);--button-hover-border: var(--button-border);--button-hover-color: var(--button-color)}.button--secondary.button--inverse{--button-background: transparent;--button-color: var(--color-background);--button-hover-background: var(--button-background);--button-hover-color: var(--button-color)}.button--small{min-width:120px;min-height:var(--control-height-small);padding:8px 16px;font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-letter-spacing);text-transform:var(--type-body-transform)}.button--compact{min-width:0;min-height:var(--control-height-compact);padding:8px 16px;font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-letter-spacing);text-transform:var(--type-body-small-transform)}.button--full{width:100%}@media(max-width:749px){[data-mobile-button-width=full]>.button{width:100%;min-width:100%;flex:1 1 100%}}.button__separator{width:2px;height:2px;border-radius:50%;background:currentcolor;flex:none}.button__prices{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.button__compare-price{opacity:.62;text-decoration-thickness:var(--border-width-hairline)}.button__price{white-space:nowrap}.button:disabled,.button[aria-disabled=true],.icon-control:disabled,.icon-control[aria-disabled=true]{border-color:var(--color-border);background:var(--color-surface-soft);color:color-mix(in srgb,var(--color-foreground) 38%,transparent);cursor:not-allowed;opacity:1;pointer-events:none}.button[aria-busy=true]{position:relative;color:transparent;pointer-events:none}.button[aria-busy=true]:after{position:absolute;width:16px;height:16px;border:1.5px solid currentcolor;border-right-color:transparent;border-radius:50%;color:var(--button-color);content:"";animation:button-spinner .7s linear infinite}.text-link,.button-link{position:relative;display:inline-flex;padding:0 0 2px;border:0;background:transparent;color:inherit;align-items:center;gap:8px;transition:color .28s ease,opacity .28s ease}.text-link:after,.button-link:after{position:absolute;right:0;bottom:0;left:0;height:var(--border-width-hairline);background:currentcolor;content:"";transform:scaleX(.28);transform-origin:left center;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease;opacity:.55}.button-link{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:pointer}.button-link--large{font-size:var(--type-body-large-size);line-height:var(--type-body-large-line-height);letter-spacing:var(--type-body-large-letter-spacing)}.button-link--compact{font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height)}a.text-link,button.text-link{cursor:pointer}:is(.text-link,.button-link):hover,:is(.text-link,.button-link):focus-visible{opacity:1}:is(.text-link,.button-link):hover:after,:is(.text-link,.button-link):focus-visible:after{transform:scaleX(1);opacity:1}:is(.text-link,.button-link):disabled,:is(.text-link,.button-link)[aria-disabled=true]{opacity:.34;pointer-events:none}.icon-control{display:inline-flex;width:32px;height:32px;padding:0;border:var(--border-width-default) solid transparent;border-radius:var(--style-border-radius-controls);background:var(--color-button);color:var(--color-button-label);align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),opacity var(--motion-duration-fast) ease}.icon-control:hover,.icon-control:focus-visible{background:var(--color-background-secondary);color:var(--color-foreground)}.icon-control--secondary{background:var(--color-surface-soft);color:var(--color-on-soft)}.icon-control--secondary:hover,.icon-control--secondary:focus-visible{background:var(--color-button);color:var(--color-button-label)}.segmented-control{display:flex;width:100%;padding:4px;border:var(--border-width-default) solid var(--color-border);background:var(--color-background)}.segmented-control__item{position:relative;min-width:0;flex:1 1 0}.segmented-control__input{position:absolute;width:1px;height:1px;opacity:0}.segmented-control__label{display:flex;min-height:var(--control-height-small);padding:8px 16px;align-items:center;justify-content:center;font-size:var(--type-control-size);font-weight:var(--type-control-weight);line-height:var(--type-control-line-height);letter-spacing:var(--type-control-letter-spacing);text-align:center;text-transform:var(--type-control-transform);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.segmented-control__input:checked+.segmented-control__label{background:var(--color-button);color:var(--color-button-label)}.segmented-control__input:focus-visible+.segmented-control__label{outline:2px solid currentcolor;outline-offset:-3px}.segmented-control__input:disabled+.segmented-control__label{color:color-mix(in srgb,var(--color-foreground) 38%,transparent);cursor:not-allowed}.noel-quantity-selector{display:inline-flex;min-height:var(--control-height-compact);padding:0 6px;border:var(--border-width-default) solid var(--color-border);background:var(--color-surface-soft);align-items:center;gap:2px}.quantity-selector__button{display:inline-flex;width:28px;height:30px;padding:0;border:0;background:transparent;color:inherit;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--motion-duration-fast) ease}.quantity-selector__button:hover,.quantity-selector__button:focus-visible{opacity:.5}.quantity-selector__button:disabled{opacity:.24;cursor:not-allowed}.quantity-selector__input{width:28px;height:30px;padding:0;border:0;background:transparent;color:inherit;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);text-align:center;-webkit-appearance:textfield;appearance:textfield}.quantity-selector__input::-webkit-inner-spin-button,.quantity-selector__input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}@keyframes button-spinner{to{transform:rotate(360deg)}}@media(max-width:749px){.button{min-height:var(--control-height-default)}.button--small{min-height:var(--control-height-small)}.button--compact{min-height:var(--control-height-compact)}.segmented-control__label{min-height:var(--control-height-small);padding-inline:12px}}@media(prefers-reduced-motion:reduce){.button[aria-busy=true]:after{animation-duration:1.4s}}.button.gsap-hover-measure-base{border-color:var(--button-border)!important;background:var(--button-background)!important;color:var(--button-color)!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/noel-component-buttons.css.map */