.app-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px; 
    height: 20px; 
    border-radius: 50px;

    --badge-color: #CBCBCB;
    --contrast-color: black;
    
    background: var(--badge-color) !important;
    color: var(--contrast-color) !important;

    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;

    cursor: pointer;
    white-space: nowrap; 
}

.app-badge-neutral {
    --badge-color: #CBCBCB !important;
    --contrast-color: black !important;
}

.app-badge-green {
    --badge-color: #078800 !important;
    --contrast-color: white !important;
}

.app-badge-blue {
    --badge-color: #00B8D9 !important;
    --contrast-color: white !important;
}

.app-badge-yellow {
    --badge-color: #FFAB00 !important;
    --contrast-color: black !important;
}

.app-badge-red-yellow {
    --badge-color: #E65100 !important;
    --contrast-color: white !important;
}

.app-badge-red {
    --badge-color: #B10912 !important;
    --contrast-color: white !important;
}