@layer components {
    .badge {
        @apply inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-medium;

        &.border-primary {
            @apply border border-primary text-primary;
        }
    }
}