.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px var(--space-6);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1;cursor:pointer;border:2px solid transparent;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-brand);color:var(--color-white);border-color:var(--color-brand)}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eb610059}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-secondary{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand)}.btn-secondary:hover,.btn-secondary:focus-visible{background-color:var(--color-brand-light);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--color-near-black);border-color:var(--color-border-gray)}.btn-ghost:hover,.btn-ghost:focus-visible{background-color:var(--color-light-gray);border-color:var(--color-near-black)}.btn-white{background-color:var(--color-white);color:var(--color-brand);border-color:var(--color-white)}.btn-white:hover,.btn-white:focus-visible{background-color:var(--color-brand-light);transform:translateY(-1px)}.btn-sm{padding:8px var(--space-4);font-size:var(--fs-small)}.btn-lg{padding:16px var(--space-8);font-size:var(--fs-body-lg)}.btn-full{width:100%}.btn-icon{padding:10px;border-radius:var(--radius-md);border:1px solid var(--color-border-gray);background:transparent;color:var(--color-near-black);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--color-light-gray);border-color:var(--color-near-black)}.btn.is-loading{pointer-events:none}.btn.is-loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite;margin-left:var(--space-2)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--color-brand);color:var(--color-white);border-color:var(--color-brand)}.btn--primary:hover,.btn--primary:focus-visible{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eb610059}.btn--primary:active{transform:translateY(0);box-shadow:none}.btn--secondary{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand)}.btn--secondary:hover{background-color:var(--color-brand-light)}.btn--outline{background-color:transparent;color:var(--color-near-black);border-color:var(--color-border-gray)}.btn--outline:hover{background-color:var(--color-light-gray);border-color:var(--color-near-black)}.btn--ghost{background-color:transparent;color:var(--color-near-black);border-color:var(--color-border-gray)}.btn--ghost:hover{background-color:var(--color-light-gray);border-color:var(--color-near-black)}.btn--white{background-color:var(--color-white);color:var(--color-brand);border-color:var(--color-white)}.btn--white:hover{background-color:var(--color-brand-light);transform:translateY(-1px)}.btn--sm{padding:8px var(--space-4);font-size:var(--fs-small)}.btn--lg{padding:16px var(--space-8);font-size:var(--fs-body-lg)}.btn--full{width:100%}@media(max-width:768px){.btn-lg{padding:14px var(--space-6)}.btn-group{flex-direction:column}.btn-group .btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-buttons.css.map */