/* ==========================================================
   button.css - 버튼 컴포넌트
   ========================================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 28px;
  border-radius: var(--radius);
  font-weight: 600;
  transition: background var(--transition), color var(--transition), border-color var(--transition),
    box-shadow var(--transition), transform var(--transition);
}
.btn:hover { transform: translateY(-2px); }

.btn--primary { background: var(--color-primary); color: #fff; box-shadow: 0 6px 16px rgba(43, 120, 204, 0.35); }
.btn--primary:hover { background: var(--color-primary-dark); box-shadow: none; }

.btn--outline { border: 1px solid currentColor; }
.btn--outline:hover { background: #fff; color: var(--color-dark); border-color: #fff; }

.btn--line { border: 1px solid var(--color-primary); color: var(--color-primary); }
.btn--line:hover { background: var(--color-primary); color: #fff; }

.btn--white { background: #fff; color: var(--color-primary-dark); }
.btn--white:hover { background: var(--color-bg-gray); }

.btn--block { width: 100%; }
.btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }