.button.button--primary{background-color:var(--buttons-primary-bg, rgba(var(--color-button), var(--alpha-button-background, 1)));color:var(--buttons-primary-text, rgb(var(--color-button-text)));border-width:var(--buttons-primary-border, 0px);border-style:solid;border-color:currentColor}.button.button--primary:hover{opacity:calc(var(--buttons-primary-hover-opacity, 90) / 100)}.button.button--secondary{background-color:var(--buttons-secondary-bg, transparent);color:var(--buttons-secondary-text, rgb(var(--color-foreground)));border-width:var(--buttons-secondary-border, 1px);border-style:solid;border-color:rgba(var(--color-foreground),calc(var(--buttons-secondary-border-opacity, 25) / 100))}.button.button--secondary:hover{background-color:rgba(var(--color-foreground),calc(var(--buttons-secondary-hover-opacity, 5) / 100));border-color:rgba(var(--color-foreground),.5)}.button--link{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;min-width:auto;min-height:auto;color:var(--buttons-link-text, rgb(var(--color-foreground)));cursor:pointer;text-decoration:none;font:inherit;font-size:1.5rem;letter-spacing:.1rem;line-height:calc(1 + .2 / var(--font-body-scale, 1))}.button--link:hover{opacity:calc(var(--buttons-link-hover-opacity, 80) / 100)}.button--link:before,.button--link:after{display:none}.button--link:hover .button__arrow{transform:translate(4px)}.button--link:focus-visible{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.button__arrow{transition:transform .2s ease;width:1.25rem;height:1.25rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-button.css.map */