.button{pointer-events:auto;cursor:pointer;background:#fff;padding:1rem 1.5rem;font-size:1rem;margin:0;position:relative;display:inline-block;overflow:hidden;color:rgb(var(--button-text-color, #fff));border:1px solid rgb(var(--button-background, 29 29 29))}.button:before,.button:after{position:absolute;top:0;left:0;width:100%;height:100%}.button:hover{background-color:#fff;color:#1d1d1d;border:1px solid #1d1d1d}.button .first-span{display:block;position:relative;overflow:hidden}.button .second-span{overflow:hidden;transition:color .2s ease-in-out;display:flex;flex-direction:row}.button:hover .second-span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s forwards .2s}.button:before{content:"";background:rgb(var(--button-background, 29 29 29));transition:transform .3s cubic-bezier(.7,0,.2,1);transform-origin:100% 50%;border:1px solid rgb(var(--button-background, 29 29 29))}.button:after{color:#1d1d1d}.button:hover:before{transform:scale3d(0,1,1);transform-origin:0% 50%;color:#fff}@keyframes MoveUpInitial{to{transform:translate3d(0,-105%,0)}}@keyframes MoveUpEnd{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.inverse-color.button{background:rgb(var(--button-text-color, 255 255 255));color:rgb(var(--button-background, 29 29 29));border-color:rgb(var(--button-background, 29 29 29))}.inverse-color.button:before{background:#fff;color:rgb(var(--button-background, 29 29 29));border-color:transparent}.inverse-color.button:hover{background:rgb(var(--button-background, 29 29 29));color:rgb(var(--button-background, 255 255 255))}.inverse-color.button:hover span{color:#fff}.dual-cta-btn.button{background:rgb(var(--button-background, 255 255 255));color:rgb(var(--button-text-color, 29 29 29))}.dual-cta-btn.button:before{background:rgb(var(--button-background, 29 29 29))}.dual-cta-btn.button:hover{background:rgb(var(--button-text-color, 255 255 255));color:rgb(var(--button-background, 255 255 255));border-color:rgb(var(--button-background, 29 29 29))}.dual-cta-btn.button:hover span{color:rgb(var(--button-background, 255 255 255))}.button--subdued{pointer-events:auto;cursor:pointer;background:#fff;font-size:1rem;margin:0;position:relative;padding:8px 20px;display:inline-block;overflow:hidden;color:#fff}.button--subdued:before,.button--subdued:after{position:absolute;top:0;left:0;width:100%;height:100%}.button--subdued:hover{background-color:#fff;color:#1d1d1d}.button--subdued .first-span{display:block;position:relative;overflow:hidden}.button--subdued .second-span{overflow:hidden;transition:color .2s ease-in-out;display:flex;flex-direction:row;color:#1d1d1d}.button--subdued:hover .second-span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s forwards .2s}.button--subdued:before{content:"";transition:transform .3s cubic-bezier(.7,0,.2,1);transform-origin:100% 50%;color:#fff;border:none}.button--subdued:after{color:#e8e8e8}.button--subdued:hover:before{transform:scale3d(0,1,1);transform-origin:0% 50%;color:#fff}.button.no-anim:hover .second-span{animation:none}.button.no-anim:before,.button.no-anim:hover:before{transform:none;transition:none}.button.no-anim .second-span{transition:none}.button.no-anim:hover{background-color:#fff;color:rgb(var(--button-text-color, #fff))}
/*# sourceMappingURL=/cdn/shop/t/44/assets/button_animation.css.map */