Adding the ability to have a link button: <a class="button">

assets/css/_formalize.sass

@@ -41,9 +41,9 @@
 input[type="search"]::-webkit-search-decoration
   display: none
 
-// For Firefox
 input,
 button,
+.button,
 select,
 textarea
   // Suppress red glow that Firefox
@@ -65,6 +65,7 @@ input[type="checkbox"]
     +box-shadow(none)
 
 button,
+a.button,
 input[type="reset"],
 input[type="submit"],
 input[type="button"]
@@ -77,6 +78,7 @@ input[type="button"]
   border-color: #ddd #bbb #999
   cursor: pointer
   color: #333
+  display: inline-block
   // Helvetica Neue present, because it works better
   // for line-height on buttons than Arial, on OS X.
   font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif
@@ -85,6 +87,7 @@ input[type="button"]
   margin: 0
   padding: 3px 10px
   text-shadow: #fff 0 1px 1px
+  text-decoration: none
   vertical-align: top
   width: auto
   &:hover
@@ -103,6 +106,10 @@ input[type="button"]
     border: 0
     padding: 0
 
+a.button
+  // IE7
+  *padding-bottom: 3px
+
 button
   // IE7
   *padding-top: 1px
@@ -153,7 +160,8 @@ input[disabled],
 select[disabled],
 select[disabled] option,
 select[disabled] optgroup,
-textarea[disabled]
+textarea[disabled],
+a.button_disabled
   +box-shadow(none)
   -moz-user-select: -moz-none
   -webkit-user-select: none
@@ -271,17 +279,25 @@ optgroup
 //   }
 
 .ie6_button,
-* html button
+* html button,
+* html a.button
   background: #ddd image-url('button.png') repeat-x
   border: 1px solid
   border-color: #ddd #bbb #999
   cursor: pointer
   color: #333
   font: bold 12px/1.2 Arial, sans-serif
   padding: 2px 10px 0px
+  text-decoration: none
   overflow: visible
+  vertical-align: top
   width: auto
 
+* html a.button
+  position: relative
+  top: 3px
+  padding-bottom: 2px
+
 * html button
   padding-top: 1px
   padding-bottom: 1px