.btn{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-organic-md);min-height:44px;cursor:pointer;transition:var(--transition-organic);transform:translateY(0);text-decoration:none;outline:none;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-watercolor-medium)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-organic-md)}.btn:active:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-watercolor-soft);transition-duration:var(--transition-fast)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.btn--primary{background:var(--gradient-primary);color:var(--text-inverse);border:2px solid transparent;padding:var(--space-4) var(--space-8);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-watercolor-strong)}.btn--primary:active:not(:disabled){background:var(--brand-900)}.btn--secondary{background:var(--bg-paper);color:var(--text-brand);border:2px solid var(--border-brand);padding:var(--space-3) var(--space-6)}.btn--secondary:hover:not(:disabled){background:var(--bg-brand-subtle);border-color:var(--brand-600);color:var(--brand-700)}.btn--secondary:active:not(:disabled){background:var(--brand-100);border-color:var(--brand-700)}.btn--tertiary{background:transparent;color:var(--text-brand);border:1px solid transparent;padding:var(--space-2) var(--space-4)}.btn--tertiary:hover:not(:disabled){background:var(--bg-brand-subtle);border-color:var(--border-brand)}.btn--tertiary:active:not(:disabled){background:var(--brand-100)}.btn--ghost{background:transparent;color:var(--text-brand);border:none;padding:var(--space-2) var(--space-3);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.btn--ghost:hover:not(:disabled){color:var(--brand-700);text-decoration-thickness:2px;background:var(--bg-brand-subtle)}.btn--warm.btn--primary{background:var(--gradient-paint-warm);color:var(--text-inverse)}.btn--warm.btn--primary:hover:not(:disabled){background:linear-gradient(45deg,var(--paint-cadmium-yellow),var(--paint-cadmium-red))}.btn--warm.btn--secondary{color:var(--paint-vermillion);border-color:var(--paint-vermillion)}.btn--warm.btn--secondary:hover:not(:disabled){background:#e334341a;border-color:var(--paint-cadmium-red)}.btn--earth.btn--primary{background:var(--gradient-paint-earth);color:var(--text-inverse)}.btn--earth.btn--primary:hover:not(:disabled){background:linear-gradient(90deg,var(--paint-burnt-umber),var(--paint-raw-umber))}.btn--earth.btn--secondary{color:var(--paint-burnt-umber);border-color:var(--paint-burnt-umber)}.btn--earth.btn--secondary:hover:not(:disabled){background:#8a33241a;border-color:var(--paint-raw-sienna)}.btn--forest.btn--primary{background:var(--gradient-paint-forest);color:var(--text-inverse)}.btn--forest.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,var(--paint-viridian),var(--paint-hookers-green))}.btn--forest.btn--secondary{color:var(--paint-sap-green);border-color:var(--paint-sap-green)}.btn--forest.btn--secondary:hover:not(:disabled){background:#507d2a1a;border-color:var(--paint-viridian)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-text-sm);min-height:36px}.btn--small.btn--primary{padding:var(--space-2) var(--space-5)}.btn--large{padding:var(--space-5) var(--space-10);font-size:var(--font-size-text-lg);min-height:56px}.btn--large.btn--primary{padding:var(--space-6) var(--space-12)}.btn--full{width:100%}.btn__text{position:relative;z-index:var(--z-10)}.btn__icon{margin-left:var(--space-2);position:relative;z-index:var(--z-10);display:flex;align-items:center}.btn__icon--leading{margin-left:0;margin-right:var(--space-2)}.btn--icon-only{padding:var(--space-3);aspect-ratio:1;border-radius:var(--radius-organic-sm)}.btn--icon-only.btn--small{padding:var(--space-2);min-height:36px}.btn--icon-only.btn--large{padding:var(--space-4);min-height:56px}.btn--loading{pointer-events:none;position:relative}.btn--loading .btn__text{opacity:0}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:50%;animation:btn-loading 1s linear infinite}@keyframes btn-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-group--connected .btn{border-radius:0}.btn-group--connected .btn:first-child{border-radius:var(--radius-organic-md) 0 0 var(--radius-organic-md)}.btn-group--connected .btn:last-child{border-radius:0 var(--radius-organic-md) var(--radius-organic-md) 0}.btn-group--connected .btn:only-child{border-radius:var(--radius-organic-md)}@media (max-width: 768px){.btn{padding:var(--space-3) var(--space-5);font-size:var(--font-size-text-sm);min-height:44px}.btn--primary{padding:var(--space-3) var(--space-6)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-text-md)}.btn-group{gap:var(--space-2)}.btn-group--stack-mobile{flex-direction:column}.btn-group--stack-mobile .btn{width:100%}}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.btn:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover:not(:disabled){transform:none}.btn-loading{animation:none}}.btn--paint-effect:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--paint-cobalt) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base);z-index:var(--z-negative);border-radius:inherit}.btn--paint-effect:hover:before{opacity:.1}.btn--texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--texture-paper-subtle);opacity:.05;pointer-events:none;border-radius:inherit}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-btn.css.map */