How to Have Specific Category Appear Different From Rest in Category Listing on Product Page

I want the category "On Sale" to appear Red and at the top of the category listing.  I've tried the following CSS to make red but it doesn't work.  I have no idea how to put a specific category at the top of the list.  I don't see a way to do it with built-in tools. 

I'm using Version 7.0– Brine family (Burke template)
Thanks for your help

/* Make On Sale Category Red in Category List */

.ProductList-filter-list-item-link  [href="/artwork?category=On+Sale"]{
    
    color: red   
}

Can you share link to your site? We can help easier

sorry, just saw this. 
https://jackiebraitman.com

On 11/29/2022 at 6:25 PM, JackieB said:

sorry, just saw this. 
https://jackiebraitman.com

 

You mean this page

https://www.jackiebraitman.com/holiday-sale

Make products title belong On sale category to red color?

No, this page
https://jackiebraitman.com/artwork

I want the category "holiday sale" to be red
and for it to appear at the top of the list of the list of categories
(I added the dash at the front and back to artificially move it to the top of the list)

On 12/2/2022 at 7:34 PM, JackieB said:

No, this page
https://jackiebraitman.com/artwork

I want the category "holiday sale" to be red
and for it to appear at the top of the list of the list of categories
(I added the dash at the front and back to artificially move it to the top of the list)

Add to Design > Custom CSS

.ProductList-filter-list-item-link[href*="Holiday+Sale"] {
    color: red;
}