.btn-tag {
    background: #1a1d21;
    border: 1px solid #2d3238;
    border-radius: 12px; /* Un peu plus arrondi pour le look gaming */
    min-height: 65px; /* Force une hauteur minimale pour l'alignement */
    transition: all 0.2s ease;
    text-decoration: none;
    color: #fff;
}

.btn-tag.active {
    border-color: #00d2ff;
    background: rgba(0, 210, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.2);
}

.btn-tag {
    display: flex !important;
    flex-direction: row !important; /* Force l'alignement horizontal */
    align-items: center !important;
    justify-content: space-between !important; /* Nom à gauche, chiffre à droite */
    padding: 8px 12px !important;
    min-height: 45px; /* Hauteur fixe pour que tous les badges soient identiques */
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
}

.tag-name {
    font-size: 0.8rem; /* On réduit un poil pour les noms longs */
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 65%; /* Laisse de la place au chiffre */
}

.badge-count {
    font-size: 0.75rem;
    background: rgba(0, 210, 255, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: auto; /* Pousse le chiffre vers la droite */
}