:root {
    --nb-promotion-date-1-color: var(--nb-text-color-primary);
    --nb-promotion-date-1-font-size: var(--nb-font-size-14);
    --nb-promotion-date-1-font-weight: var(--nb-font-weight-400);
    --nb-promotion-date-1-line-height: 19px;

    --nb-promotion-date-1-icon-color: var(--nb-spec-color);
}

.nb-promotion-date-1 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--nb-promotion-date-1-color);
    font-size: var(--nb-promotion-date-1-font-size);
    font-weight: var(--nb-promotion-date-1-font-weight);
    line-height: var(--nb-promotion-date-1-line-height);
}

.nb-promotion-date-1 .nb-icon {
    color: var(--nb-promotion-date-1-icon-color);
}

@media screen and (max-width: 576px) {
    :root {
        --nb-promotion-date-1-font-size: var(--nb-font-size-12);
    }
}