.matcha-wipe-btn{--mwb-wipe-duration: .44s;--mwb-accent-duration: .24s;--mwb-wipe-easing: cubic-bezier(.33, 1, .68, 1);--mwb-green: var(--matcha-green, #1a3827);--mwb-cream: var(--matcha-cream, #f7f2ec);--mwb-white: #ffffff;position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:border-color var(--mwb-wipe-duration) var(--mwb-wipe-easing),box-shadow var(--mwb-wipe-duration) var(--mwb-wipe-easing)!important}.matcha-wipe-btn.button,.matcha-wipe-btn.button-secondary{box-shadow:none;--button-color: transparent;--button-background-color: transparent;--button-border-color: transparent}.matcha-wipe-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--mwb-wipe-color);transform:scaleX(0) translateZ(0);transform-origin:left center;transition:transform var(--mwb-wipe-duration) var(--mwb-wipe-easing);pointer-events:none;z-index:0;will-change:transform;backface-visibility:hidden}.matcha-wipe-btn__label{position:relative;z-index:1;display:inline-block}.matcha-wipe-btn__label-base{color:var(--mwb-text-color)}.matcha-wipe-btn__label-invert-wrap{position:absolute;inset-block:0;inset-inline-start:0;width:100%;max-width:0;overflow:hidden;transition:max-width var(--mwb-wipe-duration) var(--mwb-wipe-easing);pointer-events:none;will-change:max-width}.matcha-wipe-btn__label-invert{display:inline-block;color:var(--mwb-text-invert-color);white-space:nowrap}.matcha-wipe-btn--green{--mwb-wipe-color: var(--matcha-btn-wipe, var(--mwb-cream));--mwb-text-color: var(--matcha-btn-text, var(--mwb-white));--mwb-text-invert-color: var(--matcha-btn-hover-text, var(--mwb-green));background-color:var(--matcha-btn-bg, var(--mwb-green));color:var(--matcha-btn-text, var(--mwb-white));border:1px solid transparent;box-sizing:border-box}.matcha-wipe-btn--green:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid var(--matcha-btn-border, var(--mwb-green));opacity:0;transition:opacity var(--mwb-accent-duration) ease;pointer-events:none;z-index:2}.matcha-wipe-btn--green.matcha-wipe-btn--green-bordered:after{border:1px solid var(--matcha-btn-border, var(--mwb-green))}.matcha-wipe-btn--white{--mwb-wipe-color: var(--matcha-btn-bg, var(--mwb-green));--mwb-text-color: var(--matcha-btn-light-text, var(--mwb-green));--mwb-text-invert-color: var(--matcha-btn-light-hover-text, var(--mwb-white));background-color:var(--matcha-btn-light-bg, var(--mwb-white));color:var(--matcha-btn-light-text, var(--mwb-green));border-color:var(--matcha-btn-light-border, var(--mwb-white))}.matcha-wipe-btn--outline-white{--mwb-wipe-color: var(--matcha-btn-outline-bg, var(--mwb-white));--mwb-text-color: var(--matcha-btn-outline-text, var(--mwb-white));--mwb-text-invert-color: var(--matcha-btn-outline-hover-text, var(--mwb-white));background-color:transparent;color:var(--matcha-btn-outline-text, var(--mwb-white));border-color:var(--matcha-btn-outline-border, var(--mwb-white))}.matcha-wipe-btn--white-to-outline{--mwb-wipe-color: var(--matcha-btn-light-bg, var(--mwb-white));--mwb-text-color: var(--matcha-btn-light-text, var(--mwb-green));--mwb-text-invert-color: var(--matcha-btn-light-hover-text, var(--mwb-white));background-color:var(--matcha-btn-light-bg, var(--mwb-white))!important;color:var(--matcha-btn-light-text, var(--mwb-green));border:1px solid transparent}.matcha-wipe-btn--white-to-outline:before{background-color:var(--matcha-btn-light-bg, var(--mwb-white));transform:scaleX(1);transform-origin:right center;z-index:0}.matcha-wipe-btn--white-to-outline .matcha-wipe-btn__label{z-index:1}.matcha-wipe-btn--white-to-outline:not(:hover) .matcha-wipe-btn__label-invert-wrap{max-width:0}.matcha-wipe-btn--white-to-outline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid var(--matcha-btn-light-border, var(--mwb-white));opacity:0;transition:opacity var(--mwb-accent-duration) ease;pointer-events:none;z-index:2}@media(hover:hover)and (pointer:fine){.matcha-wipe-btn:not(.matcha-wipe-btn--white-to-outline):hover:before{transform:scaleX(1)}.matcha-wipe-btn:hover .matcha-wipe-btn__label-invert-wrap{max-width:100%}.matcha-wipe-btn--green:hover{border:1px solid var(--matcha-btn-border, var(--mwb-green))!important;box-shadow:0 8px 24px #1a38272e}.matcha-wipe-btn--green:hover:after{opacity:1}.matcha-wipe-btn--green.matcha-wipe-btn--green-bordered:hover{border:1px solid var(--matcha-btn-border, var(--mwb-green))!important;box-shadow:0 8px 24px #1a38272e!important}.matcha-wipe-btn--green.matcha-wipe-btn--green-bordered:hover:after{opacity:1;border-color:var(--matcha-btn-border, var(--mwb-green))}.matcha-wipe-btn--green.matcha-wipe-btn--green-bordered.button:hover{background-color:var(--matcha-btn-bg, var(--mwb-green));box-shadow:0 8px 24px #1a38272e!important}.matcha-wipe-btn--white-to-outline:hover{background-color:transparent!important;border:1px solid var(--matcha-btn-light-border, var(--mwb-white))!important;box-shadow:none!important}.matcha-wipe-btn--white-to-outline:hover:before{transform:scaleX(0)}.matcha-wipe-btn--white-to-outline:hover:after{opacity:1}.matcha-wipe-btn.button:hover,.matcha-wipe-btn.button-secondary:hover,button.shopify-payment-button__button--unbranded.matcha-wipe-btn:hover{transform:none;color:inherit}.matcha-wipe-btn--green.button:hover,.matcha-wipe-btn--green.button-secondary:hover{background-color:var(--matcha-btn-bg, var(--mwb-green))}.matcha-wipe-btn--white.button:hover,.matcha-wipe-btn--white.button-secondary:hover{background-color:var(--matcha-btn-light-bg, var(--mwb-white))}.matcha-wipe-btn--white-to-outline.button:hover,.matcha-wipe-btn--white-to-outline.button-secondary:hover{background-color:transparent!important;border:1px solid var(--matcha-btn-light-border, var(--mwb-white))!important;box-shadow:none!important}.matcha-wipe-btn--outline-white.button:hover,.matcha-wipe-btn--outline-white.button-secondary:hover{background-color:transparent;border-color:var(--matcha-btn-outline-border, var(--mwb-white))}}@media(prefers-reduced-motion:reduce){.matcha-wipe-btn,.matcha-wipe-btn:before,.matcha-wipe-btn__label-invert-wrap{transition-duration:.1s;transition-timing-function:ease-out}.matcha-wipe-btn--green:hover{background-color:var(--matcha-btn-wipe, var(--mwb-cream));color:var(--matcha-btn-hover-text, var(--mwb-green));border:1px solid var(--matcha-btn-border, var(--mwb-green))!important}.matcha-wipe-btn--green:hover:after{opacity:1}.matcha-wipe-btn--green.matcha-wipe-btn--green-bordered:hover{border:1px solid var(--matcha-btn-border, var(--mwb-green))!important;box-shadow:none!important}.matcha-wipe-btn--green.matcha-wipe-btn--green-bordered:hover:after{opacity:1}.matcha-wipe-btn--white:hover{background-color:var(--matcha-btn-bg, var(--mwb-green));color:var(--matcha-btn-text, var(--mwb-white))}.matcha-wipe-btn--outline-white:hover{background-color:transparent;border-color:var(--matcha-btn-outline-border, var(--mwb-white));color:var(--matcha-btn-outline-hover-text, var(--mwb-white))}.matcha-wipe-btn--white-to-outline:hover{background-color:transparent!important;border:1px solid var(--matcha-btn-light-border, var(--mwb-white))!important;box-shadow:none!important;color:var(--matcha-btn-light-hover-text, var(--mwb-white))}.matcha-wipe-btn--white-to-outline:hover:after{opacity:1}}.matcha-wipe-btn:disabled,.matcha-wipe-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/6/assets/matcha-wipe-button.css.map */