.s-btn {
    @apply w-auto flex items-center justify-center font-medium rounded-lg text-sm px-3 py-2
  focus:ring-4 focus:outline-none;
}

.s-btn-danger {
    @apply text-white bg-red-700
  hover:bg-red-800
  focus:ring-red-300
  dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800;
}

.s-btn-primary {
    @apply text-white bg-lime-700
  hover:bg-lime-800
  focus:ring-lime-300
  dark:bg-lime-600 dark:hover:bg-lime-700 dark:focus:ring-lime-800;
}

.s-btn-secondary {
    @apply text-gray-900 border border-gray-300
  hover:bg-gray-100 hover:text-lime-700
  focus:z-10 focus:ring-gray-200
  dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:text-gray-400 dark:hover:text-white dark:border-gray-600;
}

.s-btn-select {
    @apply block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none
  focus:outline-none focus:ring-0 focus:border-gray-200
  dark:text-gray-400 dark:border-gray-700;
}

.s-tab-active {
    @apply inline-block p-4 rounded-t-lg bg-lime-600 dark:bg-lime-700
  focus:ring-4 focus:outline-none focus:ring-lime-300
  dark:focus:ring-lime-800;
}

.s-tab-inactive {
    @apply inline-block p-4 rounded-t-lg bg-gray-200
  focus:ring-4 focus:outline-none focus:ring-lime-300
  hover:bg-lime-600
  dark:bg-gray-700 dark:hover:bg-lime-700 dark:focus:ring-lime-800;
}