.button{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-heading);text-align:center;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base)var(--easing-default);white-space:nowrap;border:2px solid #0000;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb),.2);outline:none}.button:focus:not(:focus-visible){box-shadow:none}.button__text{z-index:1;position:relative}.button__icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25em;height:1.25em;display:inline-flex}.button__icon svg{width:100%;height:100%}.button__spinner{width:1.25em;height:1.25em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button__spinner-svg{width:100%;height:100%;animation:1s linear infinite rotate}.button__spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:30px;animation:1.5s ease-in-out infinite dash}.button--small{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-base);min-height:32px}.button--medium{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-lg);min-height:40px}.button--large{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-xl);min-height:48px}.button--primary{background-color:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button--primary:active:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(0)}.button--secondary{background-color:var(--color-secondary-500);color:var(--color-white);border-color:var(--color-secondary-500)}.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-600);border-color:var(--color-secondary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button--secondary:active:not(:disabled){background-color:var(--color-secondary-700);border-color:var(--color-secondary-700);transform:translateY(0)}.button--outline{color:var(--color-primary-500);border-color:var(--color-primary-500);background-color:#0000}.button--outline:hover:not(:disabled){background-color:var(--color-primary-500);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button--outline:active:not(:disabled){background-color:var(--color-primary-600);border-color:var(--color-primary-600);transform:translateY(0)}.button--full-width{width:100%}.button--loading{color:#0000;pointer-events:none}.button--loading .button__text,.button--loading .button__icon{opacity:0}.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--icon-right{flex-direction:row-reverse}.button:disabled{opacity:.5;cursor:not-allowed}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:30px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-30px}}