/* Non-interactive labels. Keep placement and dimensions with their container. */
.ui-badge-promo,
span.action-price-tag,
.block-sales-list .sale .available {
    background: linear-gradient(90deg, var(--ui-promo-start), var(--ui-promo-end));
    color: var(--ui-on-brand);
}
.ui-badge-promo { display: inline-block; padding: 6px 12px; border-radius: 100px; font-size: 14px; line-height: 1.3; }

/* Compact information labels, including markup retained in Live Composer cache. */
.ui-badge-info,
.iptv-list-content .tab-content-specification .card {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid var(--ui-business);
    border-radius: var(--ui-radius);
    color: var(--ui-business);
    background: transparent;
}
.ui-badge-info.filled,
.iptv-list-content .tab-content-specification .card.filled {
    color: var(--ui-on-brand);
    background: var(--ui-business);
}