.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: #ffffff;
  color: var(--color-text);
  cursor: pointer;
}

.btn:hover {
  background: #f3f4f6;
}

.btn-primary {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: #ffffff;
}

.btn-primary:hover {
  background: var(--color-brand-dark);
}