/* =========================
   BUTTONS.CSS
   Estilos de botones principales y secundarios
========================= */

.btn-primary {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.3s ease;
}

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

.btn-primary:active {
  transform: scale(0.98);
}