CSS to change sale button in Forte

Site URL: https://www.cianfranicoffeeroasters.com/order-coffee?category=Indonesia

I'd love to be able to change the SALE button background color.  I'm not crazy about the black that comes with the template. You can see an example here on the category page: https://www.cianfranicoffeeroasters.com/order-coffee?category=Indonesia

As far as size goes, that is fine. But I'd love to replace the black with something more eyecatching.

On the product page, it's too small. I'd like to make it bigger and change the color: https://www.cianfranicoffeeroasters.com/order-coffee/sumatra-mandheling

Any suggestions?

Add to Home > Design > Custom CSS

#productDetails .product-mark {
    background: red;
    font-size: 20px;
}

Once again, thank you! I'd love to do the same for product landing page: https://www.cianfranicoffeeroasters.com/order-coffee

I can't, however, seem to find the element that would need to be changed.  Suggestions?

8 hours ago, Cianfrani said:

Once again, thank you! I'd love to do the same for product landing page: https://www.cianfranicoffeeroasters.com/order-coffee

I can't, however, seem to find the element that would need to be changed.  Suggestions?

.product-mark.sale {
    background: red !important;
    font-size: 10px;
    color: green !important;
}

Thank you!