Change the color and margins of 'Sale' tag + color of number price

https://www.elizabethhayt.net/cybermonday23
password: SALE25

A few questions:

1. Can I change the color of the 'Sale' tags? It is currently black and I want it to be a soft red/pink.
2. How to change olor of the 'sale' typeface from white to dark grey?
3. Give 'SALE' word more padding inside the ribbon?
3. How to change the color of the sale price underneath the item photo to be red, so the customer can see the discount. 

I am using SQSP 7.0. I used this css code: 

#productList .product .product-mark, #productDetails .product-mark  {
  background: #E77679 !important;
  padding: 15px;
}

but it's not working now. Any help much appreciated

#1. #2, #3. You can add this to Website > Page > Website Tools > Custom CSS

.product-mark.sale {
    background-color: pink !important;
    padding-top: 15px !important;
    color: darkgrey !important;
}

#4. Use this CSS code

.product-price {
    color: red !important;
}