.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:2px solid transparent;border-radius:var(--border-radius-md);font-weight:600;font-family:inherit;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;white-space:nowrap;overflow:hidden}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(251,125,80,.2)}.btn:active{transform:translateY(1px)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);min-height:40px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(.btn-disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-secondary:hover:not(.btn-disabled){background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(.btn-disabled){background:var(--color-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost:hover:not(.btn-disabled){background:var(--color-primary-lightest);border-color:var(--color-primary-light)}.btn-danger{background:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn-danger:hover:not(.btn-disabled){background:var(--color-error-dark,#dc2626);border-color:var(--color-error-dark,#dc2626);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-loading{pointer-events:none}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-left{margin-right:calc(var(--spacing-xs) * -1)}.btn-icon-right{margin-left:calc(var(--spacing-xs) * -1)}.btn-sm .btn-icon{width:16px;height:16px}.btn-md .btn-icon{width:18px;height:18px}.btn-lg .btn-icon{width:20px;height:20px}.btn-spinner{display:flex;align-items:center;justify-content:center;width:16px;height:16px;animation:spin 1s linear infinite}.btn-spinner svg{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.btn{min-height:44px}.btn-sm{min-height:36px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-md{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{min-height:52px;padding:var(--spacing-md) var(--spacing-lg)}}@media (prefers-contrast:high){.btn{border-width:2px}.btn-outline{border-width:3px}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn-spinner{animation:none}.btn:active,.btn:hover{transform:none}}