How can I apply a hover effect to the text highlight (circle)?

Site URL: http://www.escobarmusic.com

Hello,

I created these titles and surrounded them with a circle highlight because I prefer its shape over the one used for buttons. I’ve added a hover effect to make the text turn red, but I can’t figure out how to make the highlight change to red as well.

Can anyone help me? My site is www.escobarmusic.com, and the code I’m currently using to make the text turn red is:

a:hover, a:hover span {
    color: #EC5C39 !important;
}

Thank you!

add this code to custom css

/* Change text color on hover */
a:hover, a:hover span {
    color: #EC5C39 !important;
}

/* Change the background color of the circular highlight on hover */
a:hover::before {
    background-color: #EC5C39 !important;
}