/* app/assets/stylesheets/components/buttons.css */

/* Botones primarios */
.btn-primary {
  @apply bg-purple-400 hover:bg-purple-500 text-white font-medium py-2 px-4 rounded-lg transition cursor-pointer;
}

/* Botones secundarios */
.btn-secondary {
  @apply bg-white border border-purple-400 text-purple-400 font-medium py-2 px-4 rounded-lg hover:bg-gray-50 transition cursor-pointer;
}

/* Botones pequeños */
.btn-sm {
  @apply py-1.5 px-3 text-sm;
}

/* Botones de ancho completo */
.btn-full {
  @apply w-full;
}

/* Botones con íconos */
.btn-icon {
  @apply inline-flex items-center;
}

/* Espacio para íconos */
.btn-icon svg {
  @apply mr-2 h-4 w-4;
}

/* Estado deshabilitado */
.btn-disabled {
  @apply opacity-50 cursor-not-allowed;
}

/* Botones de filtrado */
.btn-filter {
  @apply bg-white border border-gray-300 text-gray-700 py-2 px-3 rounded-lg hover:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition;
}