:root {
    --nb-promotion-status-badge-1-color: var(--nb-color-white);
    --nb-promotion-status-badge-1-font-size: var(--nb-font-size-12);
    --nb-promotion-status-badge-1-font-weight: var(--nb-font-weight-400);
    --nb-promotion-status-badge-1-line-height: 18px;
    --nb-promotion-status-badge-1-padding-x: 16px;
    --nb-promotion-status-badge-1-padding-y: 0px;
    --nb-promotion-status-badge-1-bg: var(--nb-color-red);
    --nb-promotion-status-badge-1-max-width: 130px;
    --nb-promotion-status-badge-1-border-width: var(--nb-border-width);
    --nb-promotion-status-badge-1-border-color: var(--nb-promotion-status-badge-1-bg);
    --nb-promotion-status-badge-1-border-radius: 4px;
}

.nb-promotion-status-badge-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--nb-promotion-status-badge-1-color);
    font-size: var(--nb-promotion-status-badge-1-font-size);
    font-weight: var(--nb-promotion-status-badge-1-font-weight);
    line-height: var(--nb-promotion-status-badge-1-line-height);
    padding: var(--nb-promotion-status-badge-1-padding-y) var(--nb-promotion-status-badge-1-padding-x);
    background-color: var(--nb-promotion-status-badge-1-bg);
    max-width: var(--nb-promotion-status-badge-1-max-width);
    border: var(--nb-promotion-status-badge-1-border-width) var(--nb-border-style) var(--nb-promotion-status-badge-1-border-color);
    border-radius: var(--nb-promotion-status-badge-1-border-radius);
}