Hover effect for header button

Hello! I just found out the code below that works perfectly for the social icons in header, but I wonder how to do the same effect for the header button, I cant find the class id to use for the header button text.

/* Social Icons Hover Effect */
.header-actions .icon--fill svg:hover {
fill:dodgerblue!important; transform:scale(1.2);
filter:drop-shadow(2px 2px 0px black)
} 

the website is: https://primrose-cube-5ejs.squarespace.com/

password: anaconda

Use this code

header#header a.btn:hover {
    fill: dodgerblue!important;
    transform: scale(1.2);
    filter: drop-shadow(2px 2px 0px black);
}