.component-button-v2{position:relative;z-index:0;display:inline-block;overflow:hidden;isolation:isolate;padding-block:12px;padding-inline:24px;min-block-size:48px;border:2px solid rgb(var(--component-button-bg, var(--btn-bg-color)));border-radius:28px;background:rgb(var(--component-button-bg, var(--btn-bg-color)));color:rgb(var(--component-button-color, var(--btn-text-color)));font-family:var(--font-family-main);font-size:15px;font-weight:600;line-height:24px;text-align:center;text-decoration:none;vertical-align:middle;transition:color .7s ease}.component-button-v2:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:100%;aspect-ratio:1;border-radius:50%;background:rgb(var(--component-button-color, var(--btn-text-color)));transform:translate3d(-100%,-50%,0);transition:transform .7s ease;z-index:-1;pointer-events:none}[dir=rtl] .component-button-v2:before{transform:translate3d(100%,-50%,0)}.component-button-v2:hover,.component-button-v2:focus-visible{color:rgb(var(--component-button-bg, var(--btn-bg-color)))}.component-button-v2:hover:before,.component-button-v2:focus-visible:before{transform:translate3d(0,-50%,0) scale(1.5);will-change:transform}.component-button-v2--sm{padding-block:11px;padding-inline:16px;min-block-size:40px;font-size:13px;line-height:17px}.component-button-v2--xs{display:inline-flex;align-items:center;justify-content:center;padding-block:7px;padding-inline:12px;min-block-size:32px;font-size:12px;line-height:16px}.component-button-v2--icon-only{display:inline-flex;align-items:center;justify-content:center}.component-button-v2--icon-end{display:inline-flex;align-items:center;justify-content:center;gap:2px}.component-button-v2--icon-end .component-button-v2__label{display:inline-flex;align-items:center}.component-button-v2--xs.component-button-v2--icon-only{padding:0;inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.component-button-v2:disabled,.component-button-v2[aria-disabled=true]{opacity:.4;cursor:not-allowed}.component-button-v2.is-loading{color:transparent;pointer-events:none;cursor:wait}.component-button-v2.is-loading:before,.component-button-v2.is-success:before{transform:translate3d(-100%,-50%,0);animation:none;opacity:0;will-change:auto}[dir=rtl] .component-button-v2.is-loading:before,[dir=rtl] .component-button-v2.is-success:before{transform:translate3d(100%,-50%,0)}.component-button-v2.is-loading:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:16px;block-size:16px;border:2px solid rgb(var(--component-button-color, var(--btn-text-color)));border-block-start-color:transparent;border-radius:50%;transform:translate3d(-50%,-50%,0);animation:component-button-v2-spinner .6s linear infinite;opacity:1;will-change:transform}@keyframes component-button-v2-spinner{to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.component-button-v2.is-loading:after{animation:none;will-change:auto}}@media(prefers-reduced-motion:reduce){.component-button-v2,.component-button-v2:before{transition:none}.component-button-v2:hover:before,.component-button-v2:focus-visible:before{will-change:auto}}.component-button-v2:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/108/assets/component-button-v2.css.map */