.badge-success {
    background-color: #28a745;
    color: #fff;
    padding: 0.2em 0.4em;
    font-size: 0.75em;
    border-radius: 0.25em;
    display: inline-block;
}

.badge-danger {
    background-color: #ea4c62;
    color: #fff;
    padding: 0.2em 0.4em;
    font-size: 0.75em;
    border-radius: 0.25em;
    display: inline-block;
}

.badge-primary {
    background-color: #007bff;
    color: #fff;
    padding: 0.2em 0.4em;
    font-size: 0.75em;
    border-radius: 0.25em;
    display: inline-block;
}

.badge-secondary {
    background-color: #6c757d;
    color: #fff;
    padding: 0.2em 0.4em;
    font-size: 0.75em;
    border-radius: 0.25em;
    display: inline-block;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529; /* biar teks tetap terbaca */
    padding: 0.2em 0.4em;
    font-size: 0.75em;
    border-radius: 0.25em;
    display: inline-block;
}