/* ===== Buttons ===== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: start;
  padding: 16px 32px;
  border-radius: var(--radius);
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
  width: max-content;
}
.btn:hover { opacity: 0.85; }
.btn--primary { background: var(--color-primary); color: #fff; font-weight: 700; }
.btn--secondary { background: #fff; color: var(--color-text); }
.btn--small { padding: 10px 20px; font-size: 14px; }

.btn-row { display: flex; gap: 16px; flex-wrap: wrap; }
.btn-row--center { justify-content: center; }