.badge-green {
    @apply inline-flex;
    @apply items-center;
    @apply rounded-md;
    @apply bg-green-50;
    @apply px-2;
    @apply py-1;
    @apply text-xs;
    @apply font-medium;
    @apply text-green-700;
    @apply ring-1;
    @apply ring-inset;
    @apply ring-green-600/20;
}


.badge-red {
    @apply inline-flex;
    @apply items-center;
    @apply rounded-md;
    @apply bg-red-50;
    @apply px-2;
    @apply py-1;
    @apply text-xs;
    @apply font-medium;
    @apply text-red-700;
    @apply ring-1;
    @apply ring-inset;
    @apply ring-red-600/10;
}

.badge-blue {
    @apply inline-flex;
    @apply items-center;
    @apply rounded-md;
    @apply bg-blue-50;
    @apply px-2;
    @apply py-1;
    @apply text-xs;
    @apply font-medium;
    @apply text-blue-700;
    @apply ring-1;
    @apply ring-inset;
    @apply ring-blue-700/10;
}