.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.15rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--color-ink);
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--duration-fast) ease, background-color var(--duration-fast) ease;
}

.btn:hover { background: #2a2a2e; }
.btn:active { transform: scale(0.97); }
.btn:disabled { opacity: 0.6; cursor: progress; }

.chip {
  padding: 0.38rem 0.8rem;
  border: 1px solid #e0e0e4;
  border-radius: 999px;
  background: #fff;
  font-size: 0.82rem;
  color: var(--color-body);
  cursor: pointer;
  transition: border-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;
}

.chip:hover { border-color: var(--color-ink); color: var(--color-ink); }
.chip:active { transform: scale(0.96); }