.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn--md{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-md)}.btn--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-white)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--secondary{background-color:var(--color-gray-200);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-300)}.btn--accent{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);color:var(--color-white)}.btn--accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn--ghost{background-color:transparent;color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-gray-300)}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn--danger{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-light) 100%);color:var(--color-white)}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px rgba(231,76,60,.4)}.btn--full-width{width:100%}.btn--loading{position:relative;color:transparent}.btn__spinner{position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}.btn--loading .btn__spinner{color:var(--color-white)}@keyframes spin{to{transform:rotate(1turn)}}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.btn__icon--left{margin-right:var(--spacing-1)}.btn__icon--right{margin-left:var(--spacing-1)}