Remove Hover Underline on Title Only

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

I want to change the rollover behavior of my site title only. The entire site is set to underline on rollover, which is great, but on the site title, I do NOT want the underline. Not sure how to do it. Been fiddling, but no luck.

Here is the css I have for underlining (see below). Can I make this affect everything except the site title?

a:hover {
 text-decoration: underline !important;
}

Thanks!

Add to Home > Design > Custom CSS

.site-title a {
    text-decoration: none !important;
}

5mins

YES! Thank you!