.z-sale-badge {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: .2rem .78rem .2rem .62rem;
    color: #fff;
    background: #f04438;
    clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
    font-size: .66rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .075em;
    text-transform: uppercase;
    white-space: nowrap;
}

.z-sale-badge__mark {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 1px solid rgba(255, 255, 255, .42);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.z-sale-badge--product {
    min-height: 31px;
    padding: .25rem .92rem .25rem .72rem;
    font-size: .72rem;
}

.z-sale-badge--product .z-sale-badge__mark {
    margin-right: .58rem;
    padding-right: .58rem;
    font-size: .84rem;
}

@media (max-width: 575px) {
    .z-sale-badge {
        min-height: 24px;
        padding: .18rem .62rem .18rem .5rem;
        font-size: .58rem;
    }

    .z-sale-badge__mark {
        margin-right: .4rem;
        padding-right: .4rem;
        font-size: .66rem;
    }
}