.product-badge.product-not-available::after {
    border-color: rgba(66,214,151,0) !important;
    border-bottom-color: #ff6666 !important;
}

.product-badge::after {
    position: absolute;
    bottom: -0.475rem;
    right: 0.2rem;
    height: 0;
    width: 0;
    transform: rotate(-45deg);
    border: solid transparent;
    content: " ";
    pointer-events: none;
    border-width: 0.525rem;
}

.product-badge {
    right: -3.8rem !important;
}



.product-card .badges {
    right: auto !important;
    left: 0.75rem;
}

.product-card .badges {
    position: absolute;
    top: 2.2rem;
    right: 0.75rem;
    z-index: 5;
}

.badges {
    display: inline-block;
    padding: 0.25em 0.625em;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.175rem;
}


@@media (max-width:990px) {
    .product-badge {
        right: -2.8rem !important;
    }
}



s, strike {
    text-decoration: none;
    position: relative;
}

    s::before, strike::before {
        top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
        background: red; /*this is the color of the line*/
        opacity: 1;
        content: '';
        width: 110%;
        position: absolute;
        height: .1em;
        border-radius: .1em;
        left: -5%;
        white-space: nowrap;
        display: block;
        transform: rotate(-44deg);
    }

    s.straight::before, strike.straight::before {
        transform: rotate(0deg);
        left: -1%;
        width: 102%;
    }