/* ============================================
   BUTTONS.CSS
   Estilos de botones compartidos.
   ============================================ */

.btn-reset {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  padding: 10px 20px;
  border-radius: 40px;
  font-size: 0.9rem;
  cursor: pointer;
  color: var(--color-text);
  transition: all var(--transition);
  width: 100%;
  margin-top: 8px;
}

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