.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 20px;min-height:44px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden}.button:disabled,.button[disabled]{opacity:.5;cursor:not-allowed}.button--primary:before,.button--add-to-cart:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.button--primary:hover:before,.button--add-to-cart:hover:before{left:100%}.button--primary{background-color:var(--color-accent);color:var(--color-white);border:none}.button--primary:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent) 40%,transparent)}.button--primary:active:not(:disabled){transform:translateY(-1px)}.button--secondary{background-color:var(--color-primary);color:#fff;border:none}.button--secondary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.button--outline{background-color:transparent;color:var(--color-text);border:2px solid var(--color-border)}.button--outline:hover:not(:disabled){border-color:var(--color-text);background-color:var(--color-background-secondary)}.button--ghost{background-color:transparent;color:var(--color-text);border:none;text-transform:none;font-weight:500}.button--ghost:hover:not(:disabled){background-color:var(--color-background-secondary)}.button--white{background-color:#fff;color:var(--color-text);border:none}.button--white:hover:not(:disabled){background-color:var(--color-background-secondary);transform:translateY(-2px)}.button--link{background:none;color:var(--color-accent);padding:0;text-transform:none;font-weight:500;text-decoration:underline}.button--link:hover:not(:disabled){color:var(--color-text)}.button--small{padding:8px 15px;font-size:var(--font-size-xs)}.button--large{padding:15px 30px;font-size:var(--font-size-md)}.button--full-width{width:100%}.button__icon{width:18px;height:18px;flex-shrink:0}.button--icon-only{padding:10px}.button--icon-only .button__icon{width:20px;height:20px}.button--add-to-cart{background-color:var(--color-accent);color:var(--color-white);width:100%;padding:14px 20px;font-weight:700}.button--add-to-cart:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px color-mix(in srgb,var(--color-accent) 40%,transparent)}.button--buy-now{background-color:var(--color-primary);color:#fff;width:100%;padding:14px 20px}.button--buy-now:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.button--view-all{background-color:transparent;color:var(--color-text);border:2px solid var(--color-text);padding:12px 30px}.button--view-all:hover:not(:disabled){background-color:var(--color-text);color:#fff}.button--loading{position:relative;color:transparent;pointer-events:none}.button--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button-group{display:flex;gap:var(--spacing-sm)}.button-group--vertical{flex-direction:column}@media(max-width:767px){.button{padding:10px 16px;font-size:var(--font-size-xs)}.button--large{padding:12px 24px;font-size:var(--font-size-sm)}.button--add-to-cart,.button--buy-now{padding:12px 16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-button.css.map */