.badge {
            display: inline-flex;
            align-items: center;
            background-color: #007bff;
            color: white;
            border-radius: 50px;
            padding: 0.5em 1em;
            font-size: 1rem;
            gap: 0.5em;
            min-width: 120px;
            }

            .badge-label {
                flex-grow: 1;
            }

            .badge-count {
                background-color: white;
                color: #007bff;
                border-radius: 999px;
                padding: 0.2em 0.6em;
                font-weight: bold;
                min-width: 2em;
                text-align: center;
            }

            /* Spinner inside the count */
            .spinner {
                border: 2px solid #f3f3f3;
                border-top: 2px solid #007bff;
                border-radius: 50%;
                width: 1em;
                height: 1em;
                animation: spin 1s linear infinite;
                margin: 0 auto;
            }

            @keyframes spin {
                0% { transform: rotate(0deg); }
                100% { transform: rotate(360deg); }
            }