/* 3-components/button.css */
.btn {
  padding: var(--space-button-y) var(--space-button-x);
  font-size: var(--text-body);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

.btn--primary {
  background-color: var(--color-primary);
  color: white;
}

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

.btn--secondary {
  background-color: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-text);
}