/* _badge.css */

@layer components {
    .badge {
        @apply inline-flex items-center justify-center align-middle gap-1 rounded px-[0.5em] py-[0.15em] text-[0.75em] font-semibold;
    }

    .badge.rounded-full {
        @apply px-[0.75em];
    }

    .badge-label {
        @apply rounded-none px-[0.8em] py-0.5;
    }
}
