.btn{--_comp-btn-padding-inline: var(--comp-btn-padding-inline, 0);--_comp-btn-padding-block: var(--comp-btn-padding-block, 0);--_comp-btn-border-radius: var(--comp-btn-border-radius, 50%);--_comp-btn-color-background: var(--comp-btn-color-background, var(--sys-color-background));--_comp-btn-color-foreground: var(--comp-btn-color-foreground, var(--sys-color-foreground));--_comp-btn-color-outline: var(--comp-btn-color-outline, var(--sys-color-foreground));--_comp-btn-text-transform: var(--comp-btn-text-transform, uppercase);--_comp-btn-font-weight: var(--comp-btn-font-weight, var(--ref-typeface-weight-medium));--_comp-btn-transition-duration: var(--comp-btn-transition-duration, var(--sys-motion-duration-medium-4));--_comp-btn-transition-easing: var(--comp-btn-transition-easing, var(--sys-motion-easing-standard));--comp-loader-color: var(--comp-btn-color-foreground);padding-inline:var(--_comp-btn-padding-inline);padding-block:var(--_comp-btn-padding-block);color:var(--comp-btn-color-foreground);font-weight:var(--_comp-btn-font-weight);text-transform:var(--_comp-btn-text-transform);&:disabled,&:hover:disabled,&:focus-visible:disabled{--comp-btn-color-background: var(--ref-color-neutral-80);--comp-btn-color-outline: var(--ref-color-neutral-80);--comp-btn-color-foreground: var(--ref-color-neutral-50);cursor:not-allowed}&.btn--icon-only,&.btn--plain,&.btn--tag{--comp-btn-padding-inline: var(--sys-spacing-2);--comp-btn-padding-block: var(--sys-spacing-2)}}.btn--plain{width:100%;min-height:3rem;text-wrap-style:balance;background-color:var(--comp-btn-color-background);border-color:var(--comp-btn-color-outline);border-width:1px;transition:border var(--_comp-btn-transition-duration) var(--_comp-btn-transition-easing),background-color var(--_comp-btn-transition-duration) var(--_comp-btn-transition-easing),color var(--_comp-btn-transition-duration) var(--_comp-btn-transition-easing)}.btn--icon{gap:var(--sys-spacing-1);align-items:center;line-height:var(--ref-line-height-xs)}.btn--tag{--comp-btn-padding-inline: var(--sys-spacing-2);--comp-btn-padding-block: var(--sys-spacing-2);background-color:var(--ref-color-neutral-95);.btn__icon{contain:size;contain-intrinsic-size:var(--sys-typography-body-large-size);display:flex;align-items:center;justify-content:center;.icon{position:absolute}}}.btn--icon-only{--comp-btn-padding-inline: .875rem;--comp-btn-padding-block: .875rem;width:unset;min-height:unset;aspect-ratio:var(--sys-aspect-ratio-1-1);border-radius:var(--_comp-btn-border-radius);&.btn--sm{--comp-btn-padding-inline: .375rem;--comp-btn-padding-block: .375rem}}.btn--primary{--comp-btn-color-background: var(--sys-color-foreground);--comp-btn-color-foreground: var(--sys-color-background);--comp-btn-color-outline: var(--sys-color-foreground);&:hover,&:focus-visible{--comp-btn-color-background: var(--sys-color-background);--comp-btn-color-foreground: var(--sys-color-foreground);--comp-btn-color-outline: var(--sys-color-foreground)}}.btn--secondary{&:hover,&:focus-visible{--comp-btn-color-background: var(--sys-color-foreground);--comp-btn-color-foreground: var(--sys-color-background);--comp-btn-color-outline: var(--sys-color-foreground)}}.btn--tertiary{border-inline:none;&:hover,&:focus-visible{--comp-btn-color-background: var(--sys-color-foreground);--comp-btn-color-foreground: var(--sys-color-background);--comp-btn-color-outline: var(--sys-color-foreground)}}.btn--fade{--comp-btn-color-foreground: var(--sys-color-foreground);opacity:1;transition:opacity var(--_comp-btn-transition-duration) var(--_comp-btn-transition-easing);&:hover,&:focus-visible{opacity:.6}}.btn--ghost{opacity:.6;transition:opacity var(--_comp-btn-transition-duration) var(--_comp-btn-transition-easing);&:hover,&:focus-visible{opacity:1}}.btn--loading{gap:var(--sys-spacing-2)}.btn--underline{--_comp-btn-text-transform: none;display:inline-block;width:fit-content;position:unset;text-decoration:underline;text-underline-offset:1px;&:hover,&:focus-visible{color:var(--sys-color-muted)}}.btn[aria-expanded]{.btn__icon{rotate:0deg;transition:rotate var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard)}}.btn[aria-expanded=true]{.btn__icon{rotate:180deg}}.accordion__toggle{--comp-btn-text-transform: none;display:flex;align-items:center;justify-content:space-between;padding-block:var(--sys-spacing-2);padding-inline:unset;width:100%;text-align:start}.lightbox__close{padding:var(--sys-spacing-4);top:0;inset-inline-end:0}.phoenix-collections-push .collections-block-mobile__content .btn,.phoenix-collections-push .collections-block-desktop__content .btn{--comp-btn-color-foreground: var(--sys-color-foreground)}.slider:not(.product-page-slider) .slider__nav .btn{padding-inline:inherit}.vertical-cluster__collection-cta{padding-block:var(--sys-spacing-3)}