Hyperlinks not changing colors when I apply code with CSS

Hello!

I need some help with the 3 hyperlinks on my home page under the "what I offer" text not changing color when I apply the code. Only the text style changes to italic on hover but NOT the color. Anything I can do to fix this?

Already reached out to SS support but they said they can't assist with custom code 😞

This is the code I am using:

h3 a:hover {
    font-style: italic;
    color: #BFA28A !important;
}

You likely need to add a more specific selector, can you share a link to the page you need help with?

Tysm for your response!

Here is the link to my site https://contrabass-chicory-c9rp.squarespace.com 

Pw: demo

The 3 links I am trying to apply the code to are the ones under "what I offer"

@iMayra It looks like there's a span class happening inside the a tag that is overriding the color... so yes @tuanphan's solution should work.

However, if you JUST want to target those three links and not any other H3s on your homepage, I would recommend giving the column or the row an ID and then using that to target the containing div H3s... or targeting the span class, like this:

h3>a:hover>.sqsrte-text-color--custom {
    font-style: italic;
    color: #BFA28A;
}

@SaranyaDesigns @tuanphan  Thank you! You are both AMAZING!!