How can I add a background color to the Sale Price on product and collection pages?

Store Design
1

Happy New Year all!!

How to add a background color to the Sale Price on the product page and collection page, just like the picture below.

Many thanks!

SEOBEAN_0-1641108030897.jpeg
SEOBEAN_0-1641108030897.jpeg2556×532 109 KB

SEOBEAN_1-1641108050222.jpeg
SEOBEAN_1-1641108050222.jpeg1338×960 66.6 KB

2

I use impulse theme

I have used the following code to successfully change the product page

.product__price.on-sale {
    background-color: #fde65a;
    padding: 5px;
}

SEOBEAN_0-1641125911638.png
SEOBEAN_0-1641125911638.png766×410 32.3 KB

But similar codes have no effect in the collection, the codes are as follows.

.grid-product__price--on-sale {
    background-color: #fde65a;
    padding: 5px;
}

Can anyone help, thanks.

https://seobean.com/collections/sale

3

Could someone please help me?

Thank you so much!!!