.cdl-badge{border-radius:24px;padding:4px 10px 4px 8px;font-size:var(--font-size-13);font-family:var(--font-family-demibold);font-weight:var(--semi-bold-font-weight);width:auto;display:inline-flex;line-height:var(--line-height-20);align-items:center;gap:8px;letter-spacing:0;&-no-icon{padding:4px 8px}
}
.cdl-badge svg{display:flex;justify-content:center;align-items:center}
.cdl-badge span{font-family:var(--font-family-demibold);display:flex;justify-content:center;align-items:center}
.cdl-badge-eyebrow .cdl-badge{font-family:var(--font-family-demibold)}
.cdl-badge-success .cdl-badge{background:var(--color-green-200);color:var(--color-green-800);line-height:var(--line-height-20)}
.cdl-badge-success svg{fill:var(--color-green-800) !important}
.cdl-badge-warning .cdl-badge{background:var(--color-yellow-200);color:var(--color-yellow-800);line-height:var(--line-height-20)}
.cdl-badge-warning svg{fill:var(--color-yellow-800)}
.cdl-badge-error .cdl-badge{background:var(--color-red-200);color:var(--color-red-800)}
.cdl-badge-error svg{fill:var(--color-red-800)}
.cdl-badge-pending .cdl-badge{background:var(--color-blue-200);color:var(--color-blue-800)}
.cdl-badge-pending svg{fill:var(--color-blue-800)}
.cdl-badge-info,.cdl-badge-eyebrow,.cdl-badge-category{.cdl-badge{background:var(--color-grey-300);color:var(--color-philadelphia)}
}
.cdl-badge-info,.cdl-badge-eyebrow,.cdl-badge-category svg{fill:var(--color-philadelphia)}
.cdl-badge-eyebrow span{color:var(--color-philadelphia);letter-spacing:1.5px;text-transform:uppercase;font-size:var(--font-size-14);line-height:var(--line-height-20)}
.cdl-badge.cdl-badge-no-icon{padding:4px 8px 4px 8px}