.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;line-height:1;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.button:hover:before{left:100%}.button--primary{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.button--primary:hover{background:transparent;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 8px 24px #00d4ff4d;transform:translateY(-2px)}.button--secondary{background:var(--color-secondary);color:var(--color-background);border-color:var(--color-secondary)}.button--secondary:hover{background:transparent;color:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 8px 24px #00ff884d;transform:translateY(-2px)}.button--outline{background:transparent;color:var(--color-text);border-color:var(--color-text)}.button--outline:hover{background:var(--color-text);color:var(--color-background);box-shadow:0 8px 24px #fff3;transform:translateY(-2px)}.button--accent{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.button--accent:hover{background:transparent;color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 8px 24px #ff00804d;transform:translateY(-2px)}.button--ghost{background:transparent;color:var(--color-primary);border-color:transparent}.button--ghost:hover{background:#00d4ff1a;border-color:var(--color-primary)}.button--small{padding:.625rem 1.25rem;font-size:.875rem}.button--large{padding:1.25rem 2.5rem;font-size:1.125rem}.button--full{width:100%}.button:disabled,.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--icon{display:inline-flex;align-items:center;gap:.5rem}.button__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.button__icon svg{width:100%;height:100%;fill:currentColor}.button--loading{position:relative;color:transparent;pointer-events:none}.button--loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid var(--color-background);border-radius:50%;border-top-color:transparent;animation:button-loading-spinner .6s linear infinite}@keyframes button-loading-spinner{to{transform:rotate(360deg)}}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.button-group--center{justify-content:center}.button-group--right{justify-content:flex-end}@media (max-width: 767px){.button-group--stack{flex-direction:column}.button-group--stack .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-button.css.map */