price banner css (mobile)

.price-banner {
    display: flex;

    font: bold 16px Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;

    padding: 10px 0 10px 55px;
    position: relative;

    border-bottom: 1px solid var(--color-separator-light);
}
.price-banner:before {
    content: "\e95d";
}

.general-menu li.price-banner a {
    padding: 0;
    display: inline-block;
    border-bottom: unset;

    flex: 10;

    font: inherit;
}

.price-banner a.deal {
    border-right: 1px solid var(--color-separator-light);
    margin-right: 10px;
}
.general-menu li.price-banner a.all {
    flex: 4;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

.price-banner a img {
    max-height: 32px;
    margin-right: 10px;
    vertical-align: middle;
}


.price-banner u {
    margin: 0;
    white-space: nowrap;

    text-decoration: none;
}

.price-banner b {
    font-family: Google-Oswald, sans-serif;
    color: var(--color-specs-table-heading, #d50000);
    white-space: nowrap;
    line-height: 32px;
}