.btn {
  @apply font-bold py-2 px-4 rounded;
}
.btn-blue {
  @apply bg-blue-500 text-white hover:bg-blue-700;
}
.btn-red {
  @apply bg-red-500 text-white hover:bg-red-700;
}
.btn-green {
  @apply bg-green-500 text-white hover:bg-green-700;
}
.btn-yellow {
  @apply bg-yellow-500 text-white hover:bg-yellow-700;
}
.btn-gray {
  @apply bg-gray-500 text-white hover:bg-gray-700;
}
.btn-outline {
  @apply border border-gray-300 text-gray-700 hover:bg-gray-100;
}
.btn-disabled {
  @apply bg-gray-300 text-gray-500 cursor-not-allowed;
}
.card {
  @apply bg-white px-6 py-8 rounded-lg shadow-lg border border-neutral-200 dark:bg-neutral-800 dark:text-white dark:shadow-none dark:border dark:border-neutral-700;
}
.card-header {
  @apply text-xl font-semibold mb-4 dark:text-white;
}
.card-body {
  @apply text-gray-700 dark:text-white;
}
.card-footer {
  @apply mt-4 flex justify-end dark:text-white;
}

.select {
  @apply text-gray-700 bg-white border border-neutral-200 rounded-lg  dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:text-white;
}

.text-green {
  @apply text-green-500;
}