.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-family-heading);font-weight:600;text-decoration:none;text-align:center;border:2px solid rgba(0,0,0,0);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base) var(--easing-default);position:relative;overflow:hidden;white-space:nowrap}.button:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb),.2)}.button:focus:not(:focus-visible){box-shadow:none}.button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.button__text{position:relative;z-index:1}.button__icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0}.button__icon svg{width:100%;height:100%}.button__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.25em;height:1.25em}.button__spinner-svg{animation:rotate 1s linear infinite;width:100%;height:100%}.button__spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:30;animation:dash 1.5s ease-in-out infinite}.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);transform:translateY(-1px);box-shadow:var(--shadow-md)}.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-800);color:var(--color-white);border-color:var(--color-secondary-800)}.button--secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--secondary:active:not(:disabled),.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-900);border-color:var(--color-secondary-900)}.button--secondary:active:not(:disabled){transform:translateY(0)}.button--outline{background-color:rgba(0,0,0,0);color:var(--color-primary-500);border-color:var(--color-primary-500)}.button--outline:hover:not(:disabled){background-color:var(--color-primary-500);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.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:rgba(0,0,0,0);pointer-events:none}.button--loading .button__icon,.button--loading .button__text{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(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:30}50%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}