Converted from SCSS to CSS

snippets/hamburger-button.md

@@ -22,8 +22,9 @@ Displays a hamburger menu which transitions to a cross on hover.
   height: 2.5rem;
   width: 2.5rem;
   cursor: pointer;
+}
 
-  .bar {
+.hamburger-menu .bar {
   height: 5px;
   background: black;
   border-radius: 5px;
@@ -32,20 +33,17 @@ Displays a hamburger menu which transitions to a cross on hover.
   transition: all 0.5s;
 }
 
-  &:hover {
-    .top {
+.hamburger-menu:hover .top {
   transform: rotate(45deg);
 }
 
-    .middle {
+.hamburger-menu:hover .middle {
   opacity: 0;
 }
 
-    .bottom {
+.hamburger-menu:hover .bottom {
   transform: rotate(-45deg);
 }
-  }
-}
 ```
 
 #### Explanation