How to make a hover for a hamburger?

Hi all, how to make hover, hour suffer and always comes out crooked.
Here is an example of how I was doing:
<i class="fa fa-bars gam"></i>
.gam
 display: block
 font-size: 45px
 float: right
 margin-top: 25px
&:before
 background-color: #5a626d
 display: block
 width: 80px
 height: 80px


Get this:
ebed285c706a4f42bbed10874affd815.PNG

It should be:
aa7d3a5d1298424fa3f4162c97fdd204.png
August 19th 19 at 23:40
4 answers
August 19th 19 at 23:42
Solution
https://jsfiddle.net/webirus/2umedh3x/
I don't like to make sandwiches with icons, not a flexible solution.
Much easier simple sanami, and looks impressive.
First :hover, on the second .click.
Adding the button is not active, although it is at the top of all other objects is - torrance87 commented on August 19th 19 at 23:45
: I have telepathic abilities are poorly developed. Make A JSFiddle. - Vilma21 commented on August 19th 19 at 23:48
: https://jsfiddle.net/sw148a4t/ - torrance87 commented on August 19th 19 at 23:51
: OK, but what should it be? Just don't understand what the problem is. - Vilma21 commented on August 19th 19 at 23:54
: All fixed, THANKS! - torrance87 commented on August 19th 19 at 23:57
August 19th 19 at 23:44
Solution
don't touch the icon.
all you have to do do is around.
icon it's just the content she has no styles except the color and size shouldn't be.
August 19th 19 at 23:46
Solution
August 19th 19 at 23:48

Find more questions by tags CSSHTMLSass