.button{position:relative;overflow:hidden;isolation:isolate;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:color .35s ease,box-shadow .35s ease,transform .35s ease;--btn-hover-fill: var(--color-button-text);--btn-hover-text: var(--color-button)}.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;box-shadow:none;background-image:linear-gradient(rgb(var(--btn-hover-fill)),rgb(var(--btn-hover-fill))),linear-gradient(rgb(var(--btn-hover-fill)),rgb(var(--btn-hover-fill)));background-position:left center,right center;background-size:0% 100%,0% 100%;background-repeat:no-repeat;transition:background-size .4s cubic-bezier(.4,0,.2,1),max-width .3s ease,opacity .3s ease,margin-left .3s ease}.button:not([disabled]):not([aria-disabled=true]):hover:after{background-size:51% 100%,51% 100%}.button:not([disabled]):not([aria-disabled=true]):hover{color:rgb(var(--btn-hover-text))}.button--secondary{background-color:rgb(var(--color-background));color:rgb(var(--color-button));box-shadow:inset 0 0 0 var(--buttons-border-width, .1rem) rgba(var(--color-button),var(--alpha-button-border, 1));--btn-hover-fill: var(--color-button);--btn-hover-text: var(--color-button-text)}.button--tertiary{background-color:transparent;isolation:auto}.button--tertiary:after{content:none}.action-btns--left .button:not(.button--secondary):not(.button--tertiary):after,.link-btns--left .button--secondary:after{background-image:linear-gradient(rgb(var(--btn-hover-fill)),rgb(var(--btn-hover-fill)));background-position:left center;background-size:0% 100%}.action-btns--left .button:not(.button--secondary):not(.button--tertiary):not([disabled]):not([aria-disabled=true]):hover:after,.link-btns--left .button--secondary:not([disabled]):not([aria-disabled=true]):hover:after{background-size:100% 100%}.action-btns--glow .button:not(.button--secondary):not(.button--tertiary):after,.link-btns--glow .button--secondary:after{content:none}.action-btns--glow .button:not(.button--secondary):not(.button--tertiary):not([disabled]):not([aria-disabled=true]):hover{color:rgb(var(--color-button-text));box-shadow:0 .4rem 1.4rem rgba(var(--color-button),.45);transform:translateY(-.2rem)}.link-btns--glow .button--secondary:not([disabled]):not([aria-disabled=true]):hover{color:rgb(var(--color-button));box-shadow:inset 0 0 0 var(--buttons-border-width, .1rem) rgba(var(--color-button),var(--alpha-button-border, 1)),0 .4rem 1.4rem rgba(var(--color-button),.4);transform:translateY(-.2rem)}.action-btns--arrow .button:not(.button--secondary):not(.button--tertiary):after,.link-btns--arrow .button--secondary:after{content:"\2192";position:static;inset:auto;z-index:auto;background:none;width:auto;height:auto;max-width:0;opacity:0;overflow:hidden;transform:none}.action-btns--arrow .button:not(.button--secondary):not(.button--tertiary):not([disabled]):not([aria-disabled=true]):hover:after,.link-btns--arrow .button--secondary:not([disabled]):not([aria-disabled=true]):hover:after{max-width:2ch;opacity:1;margin-left:.6rem}.action-btns--arrow .button:not(.button--secondary):not(.button--tertiary):not([disabled]):not([aria-disabled=true]):hover{color:rgb(var(--color-button-text))}.link-btns--arrow .button--secondary:not([disabled]):not([aria-disabled=true]):hover{color:rgb(var(--color-button))}@media(prefers-reduced-motion:reduce){.button:after{transition:none}.button:hover{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-button-hover.css.map */
