.badge {
    display: inline-block;
    padding: 0.3em 0.6em;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background-color: var(--val-color--secondary);
    border-radius: 0.375rem;
    white-space: nowrap;
}
.badge-info,
.badge-warning {
    color: #000;
}
.badge-primary   { background-color: var(--val-color--primary); }
.badge-neutral   { background-color: var(--val-color--secondary); }
.badge-success   { background-color: var(--val-color--success); }
.badge-info      { background-color: var(--val-color--info); }
.badge-warning   { background-color: var(--val-color--warning); }
.badge-severe    { background-color: var(--val-color--danger); }