add buttons styling

_sass/_buttons.scss

@@ -0,0 +1,73 @@
+// Buttons
+
+.button,
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  display: inline-flex;
+  align-items: center;
+  height: 38px;
+  padding: 0 30px;
+  color: #555;
+  text-align: center;
+  font-family: $base-font-family;
+  font-weight: normal;
+  font-size: 0.9em;
+  text-decoration: none;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 1px solid #bbb;
+  cursor: pointer;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
+  box-shadow: 2px 2px 0 0 rgba($black, 0.1);
+}
+.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover,
+.button:focus,
+button:focus,
+input[type="submit"]:focus,
+input[type="reset"]:focus,
+input[type="button"]:focus {
+  color: #333;
+  border-color: #888;
+  outline: 0; }
+.button.button-primary,
+button.button-primary,
+input[type="submit"].button-primary,
+input[type="reset"].button-primary,
+input[type="button"].button-primary {
+  color: $white;
+  background-color: $brand-color;
+  border-color: $brand-color; }
+.button.button-primary:hover,
+button.button-primary:hover,
+input[type="submit"].button-primary:hover,
+input[type="reset"].button-primary:hover,
+input[type="button"].button-primary:hover,
+.button.button-primary:focus,
+button.button-primary:focus,
+input[type="submit"].button-primary:focus,
+input[type="reset"].button-primary:focus,
+input[type="button"].button-primary:focus {
+  color: $white;
+  background-color: darken($brand-color, 10%);
+  border-color: darken($brand-color, 10%); }
+
+.compact {
+  height: 33px;
+  font-size: 0.85em;
+  padding: 0 15px;
+  vertical-align: top;
+
+  @media screen and (max-width: $on-palm) {
+    height: 38px;
+    padding: 0 30px;
+    margin: 0 0 10px;
+  }
+}

css/main.scss

@@ -13,6 +13,7 @@
 @import "typography";
 @import "tables";
 @import "lists";
+@import "buttons";
 
 .icon {
   display: inline-block;