:root {
    --nb-cart-items-voucher-mix-info-1-padding-x: 15px;
    --nb-cart-items-voucher-mix-info-1-padding-y: 16px;
    --nb-cart-items-voucher-mix-info-1-bg: #F8D7DA99;
    --nb-cart-items-voucher-mix-info-1-border-color: var(--nb-color-red);
    --nb-cart-items-voucher-mix-info-1-border-radius: 0;

    --nb-cart-items-voucher-mix-info-1-message-color: var(--nb-color-red);
    --nb-cart-items-voucher-mix-info-1-message-font-size: var(--nb-font-size-16);
    --nb-cart-items-voucher-mix-info-1-message-font-weight: var(--nb-font-weight-600);
    --nb-cart-items-voucher-mix-info-1-message-line-height: 22px;
    --nb-cart-items-voucher-mix-info-1-message-rows: auto;
}

.nb-cart-items-voucher-mix-info-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: var(--nb-cart-items-voucher-mix-info-1-padding-y) var(--nb-cart-items-voucher-mix-info-1-padding-x);
    background: var(--nb-cart-items-voucher-mix-info-1-bg);
    border: var(--nb-border-width) var(--nb-border-style) var(--nb-cart-items-voucher-mix-info-1-border-color);
    border-radius: var(--nb-cart-items-voucher-mix-info-1-border-radius);
}

.nb-cart-items-voucher-mix-info-1 .nb-icon {
    color: var(--nb-cart-items-voucher-mix-info-1-message-color);
}

.nb-cart-items-voucher-mix-info-1 .nb-span {
    color: var(--nb-cart-items-voucher-mix-info-1-message-color);
    font-size: var(--nb-cart-items-voucher-mix-info-1-message-font-size);
    font-weight: var(--nb-cart-items-voucher-mix-info-1-message-font-weight);
    line-height: var(--nb-cart-items-voucher-mix-info-1-message-line-height);
    height: calc(var(--nb-cart-items-voucher-mix-info-1-message-font-size) * var(--nb-cart-items-voucher-mix-info-1-message-line-height) * var(--nb-cart-items-voucher-mix-info-1-message-rows));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: var(--nb-cart-items-voucher-mix-info-1-message-rows);
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 576px) {
    :root {
        --nb-cart-items-voucher-mix-info-1-message-font-size: 12px;
    }
}