How to change the color of hyperlinks when hovering, but not the color of the text within buttons?

Site URL: https://www.theneuroticnotebook.com/

I used this code to change the color of hyperlinks when hovering.

  a:hover {

    color: red !important;

}

It works great, but I don't wan the color of the text within the (red) buttons to turn red.

Thank you for your help!

 Lena

13 hours ago, lenouch said:

Site URL: https://www.theneuroticnotebook.com/

I used this code to change the color of hyperlinks when hovering.

  a:hover {

    color: red !important;

}

It works great, but I don't wan the color of the text within the (red) buttons to turn red.

Thank you for your help!

 Lena

You mean only want the underline turn read instead of the whole text?

Try adding this to Home > Design > Custom CSS

div.header-nav-item:first-child a {
    color: #000 !important;
}

Thank you,  the issue is not about the header. There are links inside the pages (the Instagram on my page or the name of my publisher on the About page) I would like the text to turn red when hovering & selecting.

This worked with the code

  a:hover {

    color: red !important;

}

But I don't want the text inside the red buttons  "indiebound", " Barnes& Noble" "Amazon" on the Home page and on the Get me! page to turn red. Thank you for your help!

Try this CSS

#page a:not(.sqs-block-button-element):hover {
    color: red;
}