Removing the use of buttons entirely

Author: choldgraf

assets/css/main.scss

@@ -152,19 +152,19 @@
     max-width: 500px;
 }
 
-button.con-button {
-    background-color: #f37726;
-
-    a {
+div.con-buttons {
+    margin-top: 2em;
+    a.con-button {
+        background-color: #f37726;
         color: white;
         font-size: 1em;
         font-weight: 600;
+        margin: 0 .5em;
+        padding: 1em;
+        border-radius: 5px;
+        border: none;
+        cursor: pointer;
     }
-    margin: 0 .5em;
-    padding: 1em;
-    border-radius: 5px;
-    border: none;
-    cursor: pointer;
 }
 
 

index.html

@@ -256,8 +256,10 @@
                         <div class="con-program">
                             <p>San Diego, California</p>
                         </div>
-                        <button class="con-button"><a href="https://events.linuxfoundation.org/jupytercon/">Conference Website</a></button>
-                        <button class="con-button"><a href="https://events.linuxfoundation.org/jupytercon/program/cfp/">Call for Proposals</a></button>
+                        <div class="con-buttons">
+                          <a class="con-button" role="button" href="https://events.linuxfoundation.org/jupytercon/">Conference Website</a>
+                          <a class="con-button" role="button" href="https://events.linuxfoundation.org/jupytercon/program/cfp/">Call for Proposals</a>
+                        </div>
                     </div>
                 </div>
             </div>