turn gradient anchor into a button and add smooth effects

src/css/main.css

@@ -228,7 +228,7 @@ input[type=email] {
   text-indent: -10000px;
   cursor: pointer; }
 
-a.gradient-button {
+button.gradient-button {
   display: block;
   margin: 20px auto;
   width: 34px;

src/js/common.js

@@ -101,12 +101,13 @@ $(function() {
 
   // Smooth scroll to top and input focus
 
-  $(".gradient-button").click(function(evt) {
-    evt.preventDefault();
+  $(".gradient-button").click(function() {
     $('html, body').animate({
         scrollTop: 0
     }, 1000);
-    $('#maitre-field-email input').focus();
+    setTimeout(function(){
+      $('#maitre-field-email input').focus();
+    },1000);
 });
 
 });

src/sass/index.scss

@@ -214,7 +214,7 @@ input[type=email] {
   cursor: pointer;
 }
 
-a.gradient-button {
+button.gradient-button {
   display: block;
   margin: 20px auto;
   width: 34px;

src/waitlist.html

@@ -594,7 +594,7 @@
       <div class="table-wrapper">
         <div class="gradient-text">
           <h2>Click here to join our waitlist</h2>
-          <a href="#top" class="gradient-button pulse"></a>
+          <button type="button" class="gradient-button pulse"></button>
           <div class="section-gradient-text">
             <p>We're working hard to make Status available to everyone. Join our private wait list for early access.<br />We respect privacy.</p>
           </div>