@layer overrides{.phxsg-btn{.footer__social-links &{color:var(--color-grey-50);background-color:transparent}.actions--stacked &,.form-actions--stretch &{width:100%}.alert &{margin-top:var(--spacing-sm)}.form-actions--fluid &{width:min-content}.product-card__actions &:focus{z-index:2;.phxsg-icon{color:var(--color-grey-600);opacity:1}}.panel__actions>&:not(:first-child){margin-top:var(--spacing-sm)}.wishlist-panel__create-account-section &{margin-top:var(--spacing-base)}}.phxsg-btn--icon-only{.promo-banner__close &{background-color:transparent}}.phxsg-btn__text{.moonphase__action &{text-align:start}.stores-search-form__geo-loc &{padding-inline-end:var(--spacing-base)}}}@layer overrides{.phxsg-btn{letter-spacing:var(--letter-spacing-md)}}@layer atoms{.phxsg-btn{--_comp-btn-color: var(--comp-btn-color, var(--color-white));--_comp-btn-color-hover: var(--comp-btn-color-hover, var(--_comp-btn-color));--_comp-btn-color-disabled: var(--comp-btn-color-disabled, var(--color-grey-800));--_comp-btn-background: var(--comp-btn-background, var(--color-grey-600));--_comp-btn-background-hover: var(--comp-btn-background-hover, var(--color-grey-500));--_comp-btn-background-disabled: var(--comp-btn-background-disabled, var(--color-grey-200));--_comp-btn-border: var(--comp-btn-border, none);--_comp-btn-border-hover: var(--comp-btn-border-hover, var(--_comp-btn-border));--_comp-btn-border-disabled: var(--comp-btn-border-disabled, 1px solid var(--color-grey-200));display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-block:15px;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.4118;color:var(--_comp-btn-color);text-align:center;background-color:var(--_comp-btn-background);border:var(--_comp-btn-border);transition:background-color var(--duration-shorter) var(--ease-in-out),box-shadow var(--duration-standard) var(--ease-in-out);&:where(:not(.phxsg-btn--expand-target)){position:relative}& *{pointer-events:none}&:where(:not(.phxsg-btn--link,.phxsg-btn--icon-only,.phxsg-btn--transparent)){width:100%;@media screen and (min-width: 768px){width:auto}}&:not(:disabled):hover{color:var(--_comp-btn-color-hover);background-color:var(--_comp-btn-background-hover);border:var(--_comp-btn-border-hover)}&:disabled{color:var(--_comp-btn-color-disabled);background-color:var(--_comp-btn-background-disabled);border:var(--_comp-btn-border-disabled);cursor:not-allowed}}.phxsg-btn--primary{--comp-btn-border: 1px solid var(--color-grey-600);--comp-btn-border-hover: 1px solid var(--color-grey-500);&:disabled{.phxsg-theme-black &{--comp-btn-color-disabled: var(--color-grey-10);--comp-btn-background-disabled: var(--color-grey-500);--comp-btn-border-disabled: 1px solid var(--color-grey-500)}}&:not(:disabled){.phxsg-theme-black &{--comp-btn-color: var(--color-black);--comp-btn-background: var(--color-grey-100);--comp-btn-background-hover: var(--color-grey-200)}}}.phxsg-btn--secondary{--comp-btn-color: var(--color-grey-800);--comp-btn-background: var(--color-white);--comp-btn-border: 1px solid var(--color-grey-800);--comp-btn-color-hover: var(--color-black);--comp-btn-background-hover: var(--color-grey-50);--comp-btn-color-disabled: var(--color-grey-500);--comp-btn-background-disabled: var(--color-white);overflow:hidden;position:relative;--comp-btn-border-disabled: 1px solid var(--color-grey-200);&:not(:disabled){&:hover{transition:background-color var(--duration-standard) var(--ease-in-out)}}.phxsg-theme-black &{--comp-btn-color: var(--color-grey-10);--comp-btn-background: var(--color-black);--comp-btn-border: 1px solid var(--color-grey-10);--comp-btn-color-hover: var(--color-text-standard);--comp-btn-background-hover: var(--color-grey-700);&:after{background-color:var(--color-text-standard)}&:disabled{--comp-btn-color-disabled: var(--color-grey-200);--comp-btn-background-disabled: var(--color-grey-800);--comp-btn-border-disabled: 1px solid var(--color-grey-500)}}.phxsg-theme-grey &{--comp-btn-background: var(--color-background);--comp-btn-background-hover: var(--color-grey-100);&:disabled{--comp-btn-color-disabled: var(--color-grey-500);--comp-btn-background-disabled: var(--color-grey-50);--comp-btn-border-disabled: 1px solid var(--color-grey-200)}}}.phxsg-btn--icon{padding-inline:var(--spacing-md);.phxsg-btn__text,.phxsg-btn__icon{padding-inline:0}}.phxsg-btn--sm{padding-block:10px;font-size:var(--font-size-xs);line-height:1.2857}.phxsg-btn--md{padding-block:13px;line-height:1.1765}.phxsg-btn--link{--comp-btn-color: var(--color-text-standard);--comp-btn-color-hover: var(--color-text-standard);--comp-btn-color-disabled: var(--color-text-standard);--comp-btn-background: transparent;--comp-btn-background-hover: transparent;--comp-btn-background-disabled: transparent;--comp-btn-border: none;--comp-btn-border-hover: none;--comp-btn-border-disabled: none;padding:0;transition:opacity var(--duration-short) var(--ease-in-out);&:not(:disabled){&:hover{opacity:.6}}&:active{background-color:transparent}}.phxsg-btn--full{display:flex;width:100%}.phxsg-btn--icon-only{padding:0;&:where(:not(.phxsg-btn--primary,.phxsg-btn--secondary)){--comp-btn-color: var(--color-text-standard);--comp-btn-color-disabled: var(--color-text-standard);--comp-btn-background: var(--color-white);--comp-btn-background-hover: var(--color-grey-100);--comp-btn-border: none;--comp-btn-border-hover: none;--comp-btn-border-disabled: none}.phxsg-btn__icon{top:unset;margin-inline-start:0;padding:var(--spacing-sm);&:before{display:none}}.phxsg-theme-black &{&:where(:not(.phxsg-btn--primary,.phxsg-btn--secondary)){--comp-btn-background: var(--color-black);--comp-btn-background-hover: var(--color-grey-600)}}}.phxsg-btn__text{padding-inline:var(--spacing-md);word-break:keep-all;@supports (font: -apple-system-body){letter-spacing:-.0001px}.phxsg-btn--link &{padding:0}}.phxsg-btn__icon{display:flex;align-items:center;align-self:center;pointer-events:none;.icon{display:block;color:currentColor;transition:transform var(--duration-standard) ease-in-out,color var(--duration-standard) ease-in-out}}.phxsg-btn--transparent{--comp-btn-background: transparent;--comp-btn-background-hover: transparent;--comp-btn-background-disabled: transparent;--comp-btn-border: none;--comp-btn-border-hover: none;--comp-btn-border-disabled: none;&:hover,&:active{background-color:transparent}}.phxsg-btn--loading{>.phxsg-loader{margin-inline-start:var(--spacing-base)}}.phxsg-btn--badge{padding:var(--spacing-xs);position:relative;.phxsg-btn__icon{padding:0}}}