Nest a inside button

Author: choldgraf

Diff for: assets/css/main.scss

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

Diff for: index.html

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