fix(nav buttons): update nav buttons to pushy

app/app.global.scss

@@ -90,7 +90,6 @@ body {
   transition: none;
   position: relative;
   color: white;
-  margin-bottom: 5px;
 
   &:active {
    transform: translate(0px, 3px);

app/components/ChannelForm/StepThree.scss

@@ -50,7 +50,7 @@
     width: 30px;
     height: 200px;
     font-size: 100px;
-    font-weight: 100;
+    font-weight: 200;
     border: none;
     outline: 0;
     -webkit-appearance: none;

app/components/ChannelForm/StepTwo.scss

@@ -50,7 +50,7 @@
     width: 30px;
     height: 200px;
     font-size: 100px;
-    font-weight: 100;
+    font-weight: 200;
     border: none;
     outline: 0;
     -webkit-appearance: none;

app/components/Nav/Nav.js

@@ -42,10 +42,10 @@ const Nav = ({ openPayForm, openRequestForm }) => (
       </NavLink>
     </ul>
     <div className={styles.buttons}>
-      <div className={styles.button} onClick={openPayForm}>
+      <div className={`buttonPrimary ${styles.button}`} onClick={openPayForm}>
         <span>Pay</span>
       </div>
-      <div className={styles.button} onClick={openRequestForm}>
+      <div className={`buttonPrimary ${styles.button}`} onClick={openRequestForm}>
         <span>Request</span>
       </div>
     </div>

app/components/Nav/Nav.scss

@@ -185,18 +185,11 @@
 }
 
 .button {
-	text-align: center;
-	background: $main;
 	margin-bottom: 20px;
-	padding: 20px 10px;
 	font-weight: bold;
 	cursor: pointer;
 	text-transform: uppercase;
 	letter-spacing: .2px;
-
-	&:hover {
-		background: lighten($main, 5%);
-	}
 }
 
 .content {