.buy-button-animated{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.25rem 1.5rem;overflow:hidden;background:rgb(var(--accent));border:1px solid var(--font-color-900);border-radius:9999px;font:var(--button-font);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);color:rgb(var(--background));cursor:pointer;transition:color .3s ease}.buy-button-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgb(var(--accent));border-radius:9999px;z-index:-1;transition:left .5s ease}.buy-button-animated:hover:before{left:0}.buy-button-animated:hover{color:rgb(var(--background));border-color:rgb(var(--accent))}.buy-button-animated__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.5rem;border:1px solid currentColor;border-radius:9999px;transform:rotate(45deg);transition:transform .3s ease,background .3s ease,border-color .3s ease}.buy-button-animated:hover .buy-button-animated__icon{transform:rotate(90deg);background:rgb(var(--background));border-color:transparent}.buy-button-animated__icon svg{width:1rem;height:1rem;fill:currentColor;transition:fill .3s ease}.buy-button-animated:hover .buy-button-animated__icon svg{fill:rgb(var(--accent))}.buy-button-animated:disabled{opacity:.5;cursor:not-allowed}.buy-button-animated:disabled:before{display:none}.buy-button-animated:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}@media(min-width:700px){.buy-button-animated{padding-block:.25rem;padding-inline:1.5rem;padding-inline-end:.25rem}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/buy-button-animated.css.map */