.badge[badge-title] {
    transition: all 0.5s ease;
    overflow: hidden;
    white-space: nowrap;
}

.badge[badge-title]::after {
    content: attr(badge-title); /* Pega o conteúdo do atributo badge-title */
    display: none;
    margin-left: 5px;
    color: white;
}

.badge[badge-title]:hover {
    width: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    z-index: 4000 !important;
}

.badge[badge-title]:hover::after {
    display: inline;
    z-index: 4000 !important;
}

.btn-group:hover .badge[badge-title] {
    width: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    z-index: 4000 !important;
}

.btn-group:hover .badge[badge-title]::after {
    display: inline;
    z-index: 4000 !important;
}

.btn-span-badge .badge[badge-title] {
    width: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.btn-span-badge .badge[badge-title]::after {
    display: inline;
}