fonteva-design-guide/force-app/main/default/lwc/pfmBadge/pfmBadge.css

## Dev, Build and Test

:host {
    display: inline-flex;
}
.pfm-badge {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem);
    border-radius: 15rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.pfm-badge.pfm-badge_default {
    background-color: var(--lwc-colorBackgroundButtonBrand, #2574a9);
    color: var(--lwc-colorTextButtonBrand, white);
}
.pfm-badge.pfm-badge_danger {
    background-color: #c23934;
    color: white;
}
.pfm-badge.pfm-badge_success {
    background-color: #04844b;
    color: white;
}
.pfm-badge.pfm-badge_shade {
    background-color: #ecebea;
    color: var(--lwc-colorText);
}
.pfm-badge.pfm-badge_warning {
    background-color: #ffb75d;
    color: #353535;
}