Change buttons default style

bemo/blocks/_button.sass

@@ -1,34 +1,52 @@
 .button
+  +heading-font-family
   padding: 0.7em 1em
   text-decoration: none
-  border-width: 0
+  border: 2px solid $base-body-color
   display: inline-block
   vertical-align: middle
   white-space: nowrap
   font-family: inherit
   cursor: pointer
   line-height: inherit
-  background-color: $inactive-color
+  background-color: transparent
   color: $base-body-color
   -webkit-appearance: none
   border-radius: 0
   box-sizing: border-box
-  transition: opacity 0.2s ease-out
+  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out, text-shadow 0.1s ease-out
+  font-size: 1.1em
+  box-shadow: 0 0 0 rgba(black, 0.2)
 
   .no-touch &:hover
-    opacity: 0.7
+    box-shadow: 0 3px 5px rgba(black, 0.2)
+    text-shadow: 0 3px 3px rgba(black, 0.2)
+
+  .no-touch &:active
+    box-shadow: 0 1px 3px rgba(black, 0.2)
+    text-shadow: 0 1px 1px rgba(black, 0.2)
+
+  i:first-child
+    margin-right: 0.5em
+
+  i:last-child
+    margin-left: 0.5em
+
+  i:first-child:last-child
+    margin-left: 0
+    margin-right: 0
 
 .button--small
   @extend .button
-  padding: 0.4em 0.6em
+  font-size: 0.9em
 
 .button--large
   @extend .button
-  padding: 0.8em 1.5em
+  font-size: 1.1em
 
 .button--huge
   @extend .button
-  padding: 1em 1.5em
+  font-size: 1.3em
 
 .button--expand
   @extend .button
@@ -40,19 +58,21 @@
 .button--notice,
 .button--alert
   @extend .button
-  color: white
 
 .button--primary
-  background-color: $primary-color
+  color: $primary-color
+  border-color: $primary-color
 
 .button--notice
-  background-color: $notice-color
+  color: $notice-color
+  border-color: $notice-color
 
 .button--alert
-  background-color: $alert-color
+  color: $alert-color
+  border-color: $alert-color
 
 .button--rev
   @extend .button
-  background-color: white
-  color: $primary-color
+  border-color: white
+  color: white