Move button styling into a component

assets/less/main.less

@@ -12,6 +12,24 @@ td {
     }
 }
 
+.button {
+    .bg-blue;
+    .bn;
+    .br2;
+    .dib;
+    .dim;
+    .link;
+    .no-underline;
+    .ph3;
+    .pv2;
+    .white-90;
+
+    &:hover {
+        background: darken(@blue, 10%);
+        cursor: pointer;
+    }
+}
+
 @import "components/nav";
 @import "components/post";
 @import "components/talk";

source/_includes/talks-table.html.twig

@@ -68,10 +68,9 @@
                             {% if row.date.feedback and row.date.date <= today %}
                                 <a
                                     href="{{ row.date.feedback }}"
-                                    class="bg-blue br2 pa2 white-90 no-underline dib dim"
+                                    class="button"
                                     title="Read or leave feedback for this talk">
-                                    <i class="fa fa-comment-o mr1"></i>
+                                    <i class="fa fa-comment-o"></i> joind.in
-                                    joind.in
                                 </a>
                             {% endif %}
                         </td>

source/contact.html.twig

@@ -19,7 +19,7 @@ use: [posts]
         <label for="message" class="db mb1">Message</label>
         <textarea name="message" class="w-100 pa2 mb3 ba b--black-50" rows="5" required></textarea>
 
-        <button class="b ph3 pv2 input-reset ba b--black bg-transparent pointer f6" type="submit">
+        <button class="button" type="submit">
             Send email
         </button>