Hover colour change on primary buttons

Site URL: https://www.history-ink.com/home

Hi there, 

I was hoping to customize my primary buttons through out the site, so that instead of the squarespace default lighter shade, it changes to #3A8DDE on hover and the text white. Would it possible to provide some code for this? 

Add to Design > Custom CSS

header#header a.btn:hover, .button-block a:hover {
    background-color: #3A8DDE !important;
    color: white;
}

Thank you 🙂 It's great except the font colour doesn't change? 

https://www.history-ink.com/home

It is in the header, but not the other buttons through out the site.

YES! Thank you 🙂