Create Hover effect on buttons and links

Site URL: https://caper-badger-3s6d.squarespace.com/about

Password: home

Can someone help me:

1. Create Hover effect on Newsletter block ''bell'' icon?

2. Create Hover effect on Contact form button (''mail'' icon)?
www.queenofsol.com/contact 
password: home

3. Create Hover effect on Page-links in Dropdown Folder?

Can you describe in detail "hover effect"?

3 hours ago, tuanphan said:

Can you describe in detail "hover effect"?

@tuanphan Yes. I want it to be like this: move the mouse over, the button/link becomes a bit darker. Change the opacity on mouse-over. Hope you understand what I mean. Can you help me?

Add to Design > Custom CSS (for bel icon)

.newsletter-form-button-wrapper.submit-wrapper:hover {
    transform: scale(1.2);
}

1 hour ago, tuanphan said:

Add to Design > Custom CSS (for bel icon)

.newsletter-form-button-wrapper.submit-wrapper:hover {
    transform: scale(1.2);
}

 

@tuanphanThank you for replying, but I don't want to make the button bigger. I wish to make it darker on hover: reduce opacity. Can you help with this?

@tuanphan I figured it out myself, but thank you for the reply!