Dawn Theme: How do I code elements on hover?

Store Design
1

I would like to edit my cart icon to act as the “search button” and “account button” on hover. I want it to increase in size and turn full white.

Does anyone know the code for this?

URL: https://pleasedontbetaken.myshopify.com/

Password: lutred

Thank you!

2

@SebastianL ,

.header__icon .icon:hover {
height: 3rem;
width: 51px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

That did not work. It just makes the other icons grow way more than they already do.

I want the other icons to stay the exact same. Just want the cart icon to mirror the other icons hover behaviour.

4

@SebastianL ,

It applied only hover for this 2 icon: account and search