diff --git a/bower.json b/bower.json
index b74a18a..65bc751 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "Buttons",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "homepage": "https://github.com/alexwolfe/Buttons",
   "authors": [
     "alexwolfe"
diff --git a/css/buttons.css b/css/buttons.css
index aaee551..e2d928e 100644
--- a/css/buttons.css
+++ b/css/buttons.css
@@ -111,7 +111,12 @@
   text-align: center;
 }
 /* line 44, ../scss/partials/_buttons.scss */
+.button:hover, .button:focus, .button:active, .button.is-active, .button.active {
+  text-decoration: none;
+}
+/* line 48, ../scss/partials/_buttons.scss */
 .button:hover, .button:focus {
+  color: #666;
   background-color: #EEE;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
@@ -119,7 +124,7 @@
   background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
   background: linear-gradient(to bottom, #ffffff, #dcdcdc);
 }
-/* line 48, ../scss/partials/_buttons.scss */
+/* line 53, ../scss/partials/_buttons.scss */
 .button:active, .button.is-active, .button.active {
   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
@@ -128,24 +133,24 @@
   background: #eeeeee;
   color: #bbbbbb;
 }
-/* line 54, ../scss/partials/_buttons.scss */
+/* line 59, ../scss/partials/_buttons.scss */
 .button:focus {
   outline: none;
 }
 
-/* line 60, ../scss/partials/_buttons.scss */
+/* line 65, ../scss/partials/_buttons.scss */
 input.button, button.button {
   height: 34px;
   cursor: pointer;
   -webkit-appearance: none;
 }
 
-/* line 67, ../scss/partials/_buttons.scss */
+/* line 72, ../scss/partials/_buttons.scss */
 .button-block {
   display: block;
 }
 
-/* line 72, ../scss/partials/_buttons.scss */
+/* line 77, ../scss/partials/_buttons.scss */
 .button.disabled,
 .button.disabled:hover,
 .button.disabled:focus,
@@ -165,7 +170,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 89, ../scss/partials/_buttons.scss */
+/* line 94, ../scss/partials/_buttons.scss */
 .button-wrap {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
@@ -182,7 +187,7 @@ button.button:disabled {
   display: inline-block;
 }
 
-/* line 99, ../scss/partials/_buttons.scss */
+/* line 104, ../scss/partials/_buttons.scss */
 .button-flat {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -199,11 +204,11 @@ button.button:disabled {
   border: none;
   text-shadow: none;
 }
-/* line 108, ../scss/partials/_buttons.scss */
+/* line 113, ../scss/partials/_buttons.scss */
 .button-flat:hover, .button-flat:focus {
   background: #fbfbfb;
 }
-/* line 111, ../scss/partials/_buttons.scss */
+/* line 116, ../scss/partials/_buttons.scss */
 .button-flat:active, .button-flat.is-active, .button-flat.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -212,7 +217,7 @@ button.button:disabled {
   background: #eeeeee;
   color: #bbbbbb;
 }
-/* line 116, ../scss/partials/_buttons.scss */
+/* line 121, ../scss/partials/_buttons.scss */
 .button-flat.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -220,7 +225,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 126, ../scss/partials/_buttons.scss */
+/* line 131, ../scss/partials/_buttons.scss */
 .button-border {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -238,13 +243,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 135, ../scss/partials/_buttons.scss */
+/* line 140, ../scss/partials/_buttons.scss */
 .button-border:hover, .button-border:focus {
   background: none;
   color: gray;
   border: 2px solid gray;
 }
-/* line 140, ../scss/partials/_buttons.scss */
+/* line 145, ../scss/partials/_buttons.scss */
 .button-border:active, .button-border.is-active, .button-border.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -254,7 +259,7 @@ button.button:disabled {
   color: #4d4d4d;
   border: 2px solid #4d4d4d;
 }
-/* line 146, ../scss/partials/_buttons.scss */
+/* line 151, ../scss/partials/_buttons.scss */
 .button-border.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -262,7 +267,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 156, ../scss/partials/_buttons.scss */
+/* line 161, ../scss/partials/_buttons.scss */
 .button-3d {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -287,7 +292,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 168, ../scss/partials/_buttons.scss */
+/* line 173, ../scss/partials/_buttons.scss */
 .button-3d:hover, .button-3d:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
@@ -298,8 +303,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
   background: linear-gradient(to bottom, #ffffff, #ebebeb);
   background-color: white;
+  color: #666;
 }
-/* line 173, ../scss/partials/_buttons.scss */
+/* line 179, ../scss/partials/_buttons.scss */
 .button-3d:active, .button-3d.is-active, .button-3d.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
@@ -314,7 +320,7 @@ button.button:disabled {
   border: 1px solid #e1e1e1;
   top: 5px;
 }
-/* line 181, ../scss/partials/_buttons.scss */
+/* line 187, ../scss/partials/_buttons.scss */
 .button-3d.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -322,21 +328,21 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 195, ../scss/partials/_buttons.scss */
+/* line 201, ../scss/partials/_buttons.scss */
 .button-rounded {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
 }
 
-/* line 195, ../scss/partials/_buttons.scss */
+/* line 201, ../scss/partials/_buttons.scss */
 .button-pill {
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
 }
 
-/* line 195, ../scss/partials/_buttons.scss */
+/* line 201, ../scss/partials/_buttons.scss */
 .button-circle {
   -moz-border-radius: 240px;
   -webkit-border-radius: 240px;
@@ -352,7 +358,7 @@ button.button:disabled {
   font-size: 18px;
 }
 
-/* line 229, ../scss/partials/_buttons.scss */
+/* line 235, ../scss/partials/_buttons.scss */
 .button-primary {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
@@ -364,22 +370,23 @@ button.button:disabled {
   color: #FFF;
   text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
 }
-/* line 236, ../scss/partials/_buttons.scss */
+/* line 242, ../scss/partials/_buttons.scss */
 .button-primary:hover, .button-primary:focus {
   background-color: #00A1CB;
+  color: #FFF;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzlmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
   background: -moz-linear-gradient(top, #00c9fe, #008db2);
   background: -webkit-linear-gradient(top, #00c9fe, #008db2);
   background: linear-gradient(to bottom, #00c9fe, #008db2);
 }
-/* line 240, ../scss/partials/_buttons.scss */
+/* line 247, ../scss/partials/_buttons.scss */
 .button-primary:active, .button-primary.is-active, .button-primary.active {
   background: #1495b7;
   color: #005065;
 }
 
-/* line 253, ../scss/partials/_buttons.scss */
+/* line 260, ../scss/partials/_buttons.scss */
 .button-3d-primary {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -404,7 +411,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 265, ../scss/partials/_buttons.scss */
+/* line 272, ../scss/partials/_buttons.scss */
 .button-3d-primary:hover, .button-3d-primary:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
@@ -415,8 +422,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #00c1f4, #009dc6);
   background: linear-gradient(to bottom, #00c1f4, #009dc6);
   background-color: #00c9fe;
+  color: #FFF;
 }
-/* line 270, ../scss/partials/_buttons.scss */
+/* line 278, ../scss/partials/_buttons.scss */
 .button-3d-primary:active, .button-3d-primary.is-active, .button-3d-primary.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
@@ -431,7 +439,7 @@ button.button:disabled {
   border: 1px solid #008db2;
   top: 5px;
 }
-/* line 278, ../scss/partials/_buttons.scss */
+/* line 286, ../scss/partials/_buttons.scss */
 .button-3d-primary.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -439,7 +447,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 292, ../scss/partials/_buttons.scss */
+/* line 300, ../scss/partials/_buttons.scss */
 .button-border-primary {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -457,13 +465,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 301, ../scss/partials/_buttons.scss */
+/* line 309, ../scss/partials/_buttons.scss */
 .button-border-primary:hover, .button-border-primary:focus {
   background: none;
   color: #00c9fe;
   border: 2px solid #00c9fe;
 }
-/* line 306, ../scss/partials/_buttons.scss */
+/* line 314, ../scss/partials/_buttons.scss */
 .button-border-primary:active, .button-border-primary.is-active, .button-border-primary.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -473,7 +481,7 @@ button.button:disabled {
   color: #007998;
   border: 2px solid #007998;
 }
-/* line 312, ../scss/partials/_buttons.scss */
+/* line 320, ../scss/partials/_buttons.scss */
 .button-border-primary.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -481,7 +489,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 324, ../scss/partials/_buttons.scss */
+/* line 332, ../scss/partials/_buttons.scss */
 .button-flat-primary {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -499,11 +507,12 @@ button.button:disabled {
   text-shadow: none;
   border: none;
 }
-/* line 333, ../scss/partials/_buttons.scss */
+/* line 341, ../scss/partials/_buttons.scss */
 .button-flat-primary:hover, .button-flat-primary:focus {
+  color: #FFF;
   background: #00b5e5;
 }
-/* line 336, ../scss/partials/_buttons.scss */
+/* line 345, ../scss/partials/_buttons.scss */
 .button-flat-primary:active, .button-flat-primary.is-active, .button-flat-primary.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -512,7 +521,7 @@ button.button:disabled {
   background: #1495b7;
   color: #00647f;
 }
-/* line 341, ../scss/partials/_buttons.scss */
+/* line 350, ../scss/partials/_buttons.scss */
 .button-flat-primary.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -520,7 +529,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 229, ../scss/partials/_buttons.scss */
+/* line 235, ../scss/partials/_buttons.scss */
 .button-secondary {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
@@ -532,22 +541,23 @@ button.button:disabled {
   color: #FFF;
   text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35);
 }
-/* line 236, ../scss/partials/_buttons.scss */
+/* line 242, ../scss/partials/_buttons.scss */
 .button-secondary:hover, .button-secondary:focus {
   background-color: #FFF;
+  color: #FFF;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
   background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
   background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
   background: linear-gradient(to bottom, #ffffff, #f2f2f2);
 }
-/* line 240, ../scss/partials/_buttons.scss */
+/* line 247, ../scss/partials/_buttons.scss */
 .button-secondary:active, .button-secondary.is-active, .button-secondary.active {
   background: white;
   color: #cccccc;
 }
 
-/* line 253, ../scss/partials/_buttons.scss */
+/* line 260, ../scss/partials/_buttons.scss */
 .button-3d-secondary {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -572,7 +582,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 265, ../scss/partials/_buttons.scss */
+/* line 272, ../scss/partials/_buttons.scss */
 .button-3d-secondary:hover, .button-3d-secondary:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
@@ -583,8 +593,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
   background: linear-gradient(to bottom, #ffffff, #fcfcfc);
   background-color: white;
+  color: #FFF;
 }
-/* line 270, ../scss/partials/_buttons.scss */
+/* line 278, ../scss/partials/_buttons.scss */
 .button-3d-secondary:active, .button-3d-secondary.is-active, .button-3d-secondary.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
@@ -599,7 +610,7 @@ button.button:disabled {
   border: 1px solid #f2f2f2;
   top: 5px;
 }
-/* line 278, ../scss/partials/_buttons.scss */
+/* line 286, ../scss/partials/_buttons.scss */
 .button-3d-secondary.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -607,7 +618,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 292, ../scss/partials/_buttons.scss */
+/* line 300, ../scss/partials/_buttons.scss */
 .button-border-secondary {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -625,13 +636,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 301, ../scss/partials/_buttons.scss */
+/* line 309, ../scss/partials/_buttons.scss */
 .button-border-secondary:hover, .button-border-secondary:focus {
   background: none;
   color: white;
   border: 2px solid white;
 }
-/* line 306, ../scss/partials/_buttons.scss */
+/* line 314, ../scss/partials/_buttons.scss */
 .button-border-secondary:active, .button-border-secondary.is-active, .button-border-secondary.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -641,7 +652,7 @@ button.button:disabled {
   color: #e6e6e6;
   border: 2px solid #e6e6e6;
 }
-/* line 312, ../scss/partials/_buttons.scss */
+/* line 320, ../scss/partials/_buttons.scss */
 .button-border-secondary.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -649,7 +660,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 324, ../scss/partials/_buttons.scss */
+/* line 332, ../scss/partials/_buttons.scss */
 .button-flat-secondary {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -667,11 +678,12 @@ button.button:disabled {
   text-shadow: none;
   border: none;
 }
-/* line 333, ../scss/partials/_buttons.scss */
+/* line 341, ../scss/partials/_buttons.scss */
 .button-flat-secondary:hover, .button-flat-secondary:focus {
+  color: #FFF;
   background: white;
 }
-/* line 336, ../scss/partials/_buttons.scss */
+/* line 345, ../scss/partials/_buttons.scss */
 .button-flat-secondary:active, .button-flat-secondary.is-active, .button-flat-secondary.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -680,7 +692,7 @@ button.button:disabled {
   background: white;
   color: #d9d9d9;
 }
-/* line 341, ../scss/partials/_buttons.scss */
+/* line 350, ../scss/partials/_buttons.scss */
 .button-flat-secondary.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -688,7 +700,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 229, ../scss/partials/_buttons.scss */
+/* line 235, ../scss/partials/_buttons.scss */
 .button-action {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmY2YwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiOWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
@@ -700,22 +712,23 @@ button.button:disabled {
   color: #FFF;
   text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
 }
-/* line 236, ../scss/partials/_buttons.scss */
+/* line 242, ../scss/partials/_buttons.scss */
 .button-action:hover, .button-action:focus {
   background-color: #7db500;
+  color: #FFF;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwZTgwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiOWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
   background: -moz-linear-gradient(top, #a0e800, #6b9c00);
   background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
   background: linear-gradient(to bottom, #a0e800, #6b9c00);
 }
-/* line 240, ../scss/partials/_buttons.scss */
+/* line 247, ../scss/partials/_buttons.scss */
 .button-action:active, .button-action.is-active, .button-action.active {
   background: #76a312;
   color: #374f00;
 }
 
-/* line 253, ../scss/partials/_buttons.scss */
+/* line 260, ../scss/partials/_buttons.scss */
 .button-3d-action {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -740,7 +753,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 265, ../scss/partials/_buttons.scss */
+/* line 272, ../scss/partials/_buttons.scss */
 .button-3d-action:hover, .button-3d-action:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
@@ -751,8 +764,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #99de00, #79b000);
   background: linear-gradient(to bottom, #99de00, #79b000);
   background-color: #a0e800;
+  color: #FFF;
 }
-/* line 270, ../scss/partials/_buttons.scss */
+/* line 278, ../scss/partials/_buttons.scss */
 .button-3d-action:active, .button-3d-action.is-active, .button-3d-action.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
@@ -767,7 +781,7 @@ button.button:disabled {
   border: 1px solid #6b9c00;
   top: 5px;
 }
-/* line 278, ../scss/partials/_buttons.scss */
+/* line 286, ../scss/partials/_buttons.scss */
 .button-3d-action.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -775,7 +789,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 292, ../scss/partials/_buttons.scss */
+/* line 300, ../scss/partials/_buttons.scss */
 .button-border-action {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -793,13 +807,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 301, ../scss/partials/_buttons.scss */
+/* line 309, ../scss/partials/_buttons.scss */
 .button-border-action:hover, .button-border-action:focus {
   background: none;
   color: #a0e800;
   border: 2px solid #a0e800;
 }
-/* line 306, ../scss/partials/_buttons.scss */
+/* line 314, ../scss/partials/_buttons.scss */
 .button-border-action:active, .button-border-action.is-active, .button-border-action.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -809,7 +823,7 @@ button.button:disabled {
   color: #5a8200;
   border: 2px solid #5a8200;
 }
-/* line 312, ../scss/partials/_buttons.scss */
+/* line 320, ../scss/partials/_buttons.scss */
 .button-border-action.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -817,7 +831,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 324, ../scss/partials/_buttons.scss */
+/* line 332, ../scss/partials/_buttons.scss */
 .button-flat-action {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -835,11 +849,12 @@ button.button:disabled {
   text-shadow: none;
   border: none;
 }
-/* line 333, ../scss/partials/_buttons.scss */
+/* line 341, ../scss/partials/_buttons.scss */
 .button-flat-action:hover, .button-flat-action:focus {
+  color: #FFF;
   background: #8fcf00;
 }
-/* line 336, ../scss/partials/_buttons.scss */
+/* line 345, ../scss/partials/_buttons.scss */
 .button-flat-action:active, .button-flat-action.is-active, .button-flat-action.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -848,7 +863,7 @@ button.button:disabled {
   background: #76a312;
   color: #486900;
 }
-/* line 341, ../scss/partials/_buttons.scss */
+/* line 350, ../scss/partials/_buttons.scss */
 .button-flat-action.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -856,7 +871,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 229, ../scss/partials/_buttons.scss */
+/* line 235, ../scss/partials/_buttons.scss */
 .button-highlight {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTkxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4N2UwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
@@ -868,22 +883,23 @@ button.button:disabled {
   color: #FFF;
   text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
 }
-/* line 236, ../scss/partials/_buttons.scss */
+/* line 242, ../scss/partials/_buttons.scss */
 .button-highlight:hover, .button-highlight:focus {
   background-color: #F18D05;
+  color: #FFF;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYTQyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4N2UwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
   background: -moz-linear-gradient(top, #fba42e, #d87e04);
   background: -webkit-linear-gradient(top, #fba42e, #d87e04);
   background: linear-gradient(to bottom, #fba42e, #d87e04);
 }
-/* line 240, ../scss/partials/_buttons.scss */
+/* line 247, ../scss/partials/_buttons.scss */
 .button-highlight:active, .button-highlight.is-active, .button-highlight.active {
   background: #d8891e;
   color: #8d5303;
 }
 
-/* line 253, ../scss/partials/_buttons.scss */
+/* line 260, ../scss/partials/_buttons.scss */
 .button-3d-highlight {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -908,7 +924,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 265, ../scss/partials/_buttons.scss */
+/* line 272, ../scss/partials/_buttons.scss */
 .button-3d-highlight:hover, .button-3d-highlight:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
@@ -919,8 +935,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #faa024, #ec8a05);
   background: linear-gradient(to bottom, #faa024, #ec8a05);
   background-color: #fba42e;
+  color: #FFF;
 }
-/* line 270, ../scss/partials/_buttons.scss */
+/* line 278, ../scss/partials/_buttons.scss */
 .button-3d-highlight:active, .button-3d-highlight.is-active, .button-3d-highlight.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
@@ -935,7 +952,7 @@ button.button:disabled {
   border: 1px solid #d87e04;
   top: 5px;
 }
-/* line 278, ../scss/partials/_buttons.scss */
+/* line 286, ../scss/partials/_buttons.scss */
 .button-3d-highlight.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -943,7 +960,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 292, ../scss/partials/_buttons.scss */
+/* line 300, ../scss/partials/_buttons.scss */
 .button-border-highlight {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -961,13 +978,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 301, ../scss/partials/_buttons.scss */
+/* line 309, ../scss/partials/_buttons.scss */
 .button-border-highlight:hover, .button-border-highlight:focus {
   background: none;
   color: #fba42e;
   border: 2px solid #fba42e;
 }
-/* line 306, ../scss/partials/_buttons.scss */
+/* line 314, ../scss/partials/_buttons.scss */
 .button-border-highlight:active, .button-border-highlight.is-active, .button-border-highlight.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -977,7 +994,7 @@ button.button:disabled {
   color: #bf7004;
   border: 2px solid #bf7004;
 }
-/* line 312, ../scss/partials/_buttons.scss */
+/* line 320, ../scss/partials/_buttons.scss */
 .button-border-highlight.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -985,7 +1002,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 324, ../scss/partials/_buttons.scss */
+/* line 332, ../scss/partials/_buttons.scss */
 .button-flat-highlight {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1003,11 +1020,12 @@ button.button:disabled {
   text-shadow: none;
   border: none;
 }
-/* line 333, ../scss/partials/_buttons.scss */
+/* line 341, ../scss/partials/_buttons.scss */
 .button-flat-highlight:hover, .button-flat-highlight:focus {
+  color: #FFF;
   background: #fa9915;
 }
-/* line 336, ../scss/partials/_buttons.scss */
+/* line 345, ../scss/partials/_buttons.scss */
 .button-flat-highlight:active, .button-flat-highlight.is-active, .button-flat-highlight.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -1016,7 +1034,7 @@ button.button:disabled {
   background: #d8891e;
   color: #a66103;
 }
-/* line 341, ../scss/partials/_buttons.scss */
+/* line 350, ../scss/partials/_buttons.scss */
 .button-flat-highlight.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1024,7 +1042,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 229, ../scss/partials/_buttons.scss */
+/* line 235, ../scss/partials/_buttons.scss */
 .button-caution {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NTQzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
@@ -1036,22 +1054,23 @@ button.button:disabled {
   color: #FFF;
   text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
 }
-/* line 236, ../scss/partials/_buttons.scss */
+/* line 242, ../scss/partials/_buttons.scss */
 .button-caution:hover, .button-caution:focus {
   background-color: #E54028;
+  color: #FFF;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjg1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
   background: -moz-linear-gradient(top, #eb6855, #d9331a);
   background: -webkit-linear-gradient(top, #eb6855, #d9331a);
   background: linear-gradient(to bottom, #eb6855, #d9331a);
 }
-/* line 240, ../scss/partials/_buttons.scss */
+/* line 247, ../scss/partials/_buttons.scss */
 .button-caution:active, .button-caution.is-active, .button-caution.active {
   background: #cd5240;
   color: #952312;
 }
 
-/* line 253, ../scss/partials/_buttons.scss */
+/* line 260, ../scss/partials/_buttons.scss */
 .button-3d-caution {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -1076,7 +1095,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 265, ../scss/partials/_buttons.scss */
+/* line 272, ../scss/partials/_buttons.scss */
 .button-3d-caution:hover, .button-3d-caution:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
@@ -1087,8 +1106,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #e9604c, #e43c23);
   background: linear-gradient(to bottom, #e9604c, #e43c23);
   background-color: #eb6855;
+  color: #FFF;
 }
-/* line 270, ../scss/partials/_buttons.scss */
+/* line 278, ../scss/partials/_buttons.scss */
 .button-3d-caution:active, .button-3d-caution.is-active, .button-3d-caution.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
@@ -1103,7 +1123,7 @@ button.button:disabled {
   border: 1px solid #d9331a;
   top: 5px;
 }
-/* line 278, ../scss/partials/_buttons.scss */
+/* line 286, ../scss/partials/_buttons.scss */
 .button-3d-caution.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1111,7 +1131,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 292, ../scss/partials/_buttons.scss */
+/* line 300, ../scss/partials/_buttons.scss */
 .button-border-caution {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1129,13 +1149,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 301, ../scss/partials/_buttons.scss */
+/* line 309, ../scss/partials/_buttons.scss */
 .button-border-caution:hover, .button-border-caution:focus {
   background: none;
   color: #eb6855;
   border: 2px solid #eb6855;
 }
-/* line 306, ../scss/partials/_buttons.scss */
+/* line 314, ../scss/partials/_buttons.scss */
 .button-border-caution:active, .button-border-caution.is-active, .button-border-caution.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -1145,7 +1165,7 @@ button.button:disabled {
   color: #c22d18;
   border: 2px solid #c22d18;
 }
-/* line 312, ../scss/partials/_buttons.scss */
+/* line 320, ../scss/partials/_buttons.scss */
 .button-border-caution.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1153,7 +1173,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 324, ../scss/partials/_buttons.scss */
+/* line 332, ../scss/partials/_buttons.scss */
 .button-flat-caution {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1171,11 +1191,12 @@ button.button:disabled {
   text-shadow: none;
   border: none;
 }
-/* line 333, ../scss/partials/_buttons.scss */
+/* line 341, ../scss/partials/_buttons.scss */
 .button-flat-caution:hover, .button-flat-caution:focus {
+  color: #FFF;
   background: #e8543f;
 }
-/* line 336, ../scss/partials/_buttons.scss */
+/* line 345, ../scss/partials/_buttons.scss */
 .button-flat-caution:active, .button-flat-caution.is-active, .button-flat-caution.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -1184,7 +1205,7 @@ button.button:disabled {
   background: #cd5240;
   color: #ac2815;
 }
-/* line 341, ../scss/partials/_buttons.scss */
+/* line 350, ../scss/partials/_buttons.scss */
 .button-flat-caution.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1192,7 +1213,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 229, ../scss/partials/_buttons.scss */
+/* line 235, ../scss/partials/_buttons.scss */
 .button-royal {
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5Mzg5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MmE3OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79));
@@ -1204,22 +1225,23 @@ button.button:disabled {
   color: #FFF;
   text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);
 }
-/* line 236, ../scss/partials/_buttons.scss */
+/* line 242, ../scss/partials/_buttons.scss */
 .button-royal:hover, .button-royal:focus {
   background-color: #87318C;
+  color: #FFF;
   background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiM2ViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MmE3OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79));
   background: -moz-linear-gradient(top, #ab3eb2, #752a79);
   background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
   background: linear-gradient(to bottom, #ab3eb2, #752a79);
 }
-/* line 240, ../scss/partials/_buttons.scss */
+/* line 247, ../scss/partials/_buttons.scss */
 .button-royal:active, .button-royal.is-active, .button-royal.active {
   background: #764479;
   color: #3e1740;
 }
 
-/* line 253, ../scss/partials/_buttons.scss */
+/* line 260, ../scss/partials/_buttons.scss */
 .button-3d-royal {
   -moz-transition-property: all;
   -o-transition-property: all;
@@ -1244,7 +1266,7 @@ button.button:disabled {
   position: relative;
   top: 0px;
 }
-/* line 265, ../scss/partials/_buttons.scss */
+/* line 272, ../scss/partials/_buttons.scss */
 .button-3d-royal:hover, .button-3d-royal:focus {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
@@ -1255,8 +1277,9 @@ button.button:disabled {
   background: -webkit-linear-gradient(top, #a43caa, #833088);
   background: linear-gradient(to bottom, #a43caa, #833088);
   background-color: #ab3eb2;
+  color: #FFF;
 }
-/* line 270, ../scss/partials/_buttons.scss */
+/* line 278, ../scss/partials/_buttons.scss */
 .button-3d-royal:active, .button-3d-royal.is-active, .button-3d-royal.active {
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
@@ -1271,7 +1294,7 @@ button.button:disabled {
   border: 1px solid #752a79;
   top: 5px;
 }
-/* line 278, ../scss/partials/_buttons.scss */
+/* line 286, ../scss/partials/_buttons.scss */
 .button-3d-royal.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1279,7 +1302,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 292, ../scss/partials/_buttons.scss */
+/* line 300, ../scss/partials/_buttons.scss */
 .button-border-royal {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1297,13 +1320,13 @@ button.button:disabled {
   background: none;
   text-shadow: none;
 }
-/* line 301, ../scss/partials/_buttons.scss */
+/* line 309, ../scss/partials/_buttons.scss */
 .button-border-royal:hover, .button-border-royal:focus {
   background: none;
   color: #ab3eb2;
   border: 2px solid #ab3eb2;
 }
-/* line 306, ../scss/partials/_buttons.scss */
+/* line 314, ../scss/partials/_buttons.scss */
 .button-border-royal:active, .button-border-royal.is-active, .button-border-royal.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -1313,7 +1336,7 @@ button.button:disabled {
   color: #632466;
   border: 2px solid #632466;
 }
-/* line 312, ../scss/partials/_buttons.scss */
+/* line 320, ../scss/partials/_buttons.scss */
 .button-border-royal.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1321,7 +1344,7 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 324, ../scss/partials/_buttons.scss */
+/* line 332, ../scss/partials/_buttons.scss */
 .button-flat-royal {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1339,11 +1362,12 @@ button.button:disabled {
   text-shadow: none;
   border: none;
 }
-/* line 333, ../scss/partials/_buttons.scss */
+/* line 341, ../scss/partials/_buttons.scss */
 .button-flat-royal:hover, .button-flat-royal:focus {
+  color: #FFF;
   background: #99389f;
 }
-/* line 336, ../scss/partials/_buttons.scss */
+/* line 345, ../scss/partials/_buttons.scss */
 .button-flat-royal:active, .button-flat-royal.is-active, .button-flat-royal.active {
   -moz-transition-duration: 0s;
   -o-transition-duration: 0s;
@@ -1352,7 +1376,7 @@ button.button:disabled {
   background: #764479;
   color: #501d53;
 }
-/* line 341, ../scss/partials/_buttons.scss */
+/* line 350, ../scss/partials/_buttons.scss */
 .button-flat-royal.disabled {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -1360,43 +1384,43 @@ button.button:disabled {
   -webkit-appearance: none;
 }
 
-/* line 354, ../scss/partials/_buttons.scss */
+/* line 363, ../scss/partials/_buttons.scss */
 .button-group {
   position: relative;
   display: inline-block;
 }
-/* line 357, ../scss/partials/_buttons.scss */
+/* line 366, ../scss/partials/_buttons.scss */
 .button-group .button {
   float: left;
 }
-/* line 359, ../scss/partials/_buttons.scss */
+/* line 368, ../scss/partials/_buttons.scss */
 .button-group .button:focus, .button-group .button:hover, .button-group .button.active {
   z-index: 5;
 }
-/* line 362, ../scss/partials/_buttons.scss */
+/* line 371, ../scss/partials/_buttons.scss */
 .button-group .button:active, .button-group .button.active {
   background: gainsboro;
 }
-/* line 366, ../scss/partials/_buttons.scss */
+/* line 375, ../scss/partials/_buttons.scss */
 .button-group .button:not(:first-child):not(:last-child) {
   border-radius: 0;
 }
-/* line 369, ../scss/partials/_buttons.scss */
+/* line 378, ../scss/partials/_buttons.scss */
 .button-group .button:first-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-/* line 373, ../scss/partials/_buttons.scss */
+/* line 382, ../scss/partials/_buttons.scss */
 .button-group .button:last-child {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-/* line 379, ../scss/partials/_buttons.scss */
+/* line 388, ../scss/partials/_buttons.scss */
 .button-group .button + .button {
   margin-left: -1px;
 }
 
-/* line 392, ../scss/partials/_buttons.scss */
+/* line 401, ../scss/partials/_buttons.scss */
 .button-jumbo {
   font-size: 24px;
   height: 51.2px;
@@ -1404,7 +1428,7 @@ button.button:disabled {
   padding: 0px 40.96px;
 }
 
-/* line 392, ../scss/partials/_buttons.scss */
+/* line 401, ../scss/partials/_buttons.scss */
 .button-large {
   font-size: 18px;
   height: 38.4px;
@@ -1412,12 +1436,12 @@ button.button:disabled {
   padding: 0px 30.72px;
 }
 
-/* line 423, ../scss/partials/_buttons.scss */
+/* line 432, ../scss/partials/_buttons.scss */
 input.button-large, button.button-large {
   height: 40.4px;
 }
 
-/* line 392, ../scss/partials/_buttons.scss */
+/* line 401, ../scss/partials/_buttons.scss */
 .button-small {
   font-size: 14px;
   height: 25.6px;
@@ -1425,12 +1449,12 @@ input.button-large, button.button-large {
   padding: 0px 20.48px;
 }
 
-/* line 423, ../scss/partials/_buttons.scss */
+/* line 432, ../scss/partials/_buttons.scss */
 input.button-small, button.button-small {
   height: 27.6px;
 }
 
-/* line 392, ../scss/partials/_buttons.scss */
+/* line 401, ../scss/partials/_buttons.scss */
 .button-tiny {
   font-size: 12px;
   height: 22.4px;
@@ -1438,12 +1462,12 @@ input.button-small, button.button-small {
   padding: 0px 19.2px;
 }
 
-/* line 423, ../scss/partials/_buttons.scss */
+/* line 432, ../scss/partials/_buttons.scss */
 input.button-tiny, button.button-tiny {
   height: 24.4px;
 }
 
-/* line 444, ../scss/partials/_buttons.scss */
+/* line 453, ../scss/partials/_buttons.scss */
 .button.glow {
   -webkit-animation-duration: 3s;
   -moz-animation-duration: 3s;
@@ -1463,7 +1487,7 @@ input.button-tiny, button.button-tiny {
   -o-animation-name: glowing;
   animation-name: glowing;
 }
-/* line 447, ../scss/partials/_buttons.scss */
+/* line 456, ../scss/partials/_buttons.scss */
 .button.glow:active {
   -webkit-animation-name: none;
   -moz-animation-name: none;
@@ -1475,28 +1499,28 @@ input.button-tiny, button.button-tiny {
   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 }
 
-/* line 459, ../scss/partials/_buttons.scss */
+/* line 468, ../scss/partials/_buttons.scss */
 .button-dropdown {
   position: relative;
   overflow: visible;
   display: inline-block;
 }
-/* line 466, ../scss/partials/_buttons.scss */
+/* line 475, ../scss/partials/_buttons.scss */
 .button-dropdown .button .icon-caret-down {
   font-size: 90%;
   margin: 0px 0px 0px 3px;
   vertical-align: middle;
 }
-/* line 473, ../scss/partials/_buttons.scss */
+/* line 482, ../scss/partials/_buttons.scss */
 .button-dropdown ul.button-dropdown-menu-below {
   top: 115%;
 }
-/* line 476, ../scss/partials/_buttons.scss */
+/* line 485, ../scss/partials/_buttons.scss */
 .button-dropdown ul.button-dropdown-menu-above {
   bottom: 115%;
   top: auto;
 }
-/* line 482, ../scss/partials/_buttons.scss */
+/* line 491, ../scss/partials/_buttons.scss */
 .button-dropdown ul {
   -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
@@ -1515,13 +1539,13 @@ input.button-tiny, button.button-tiny {
   list-style-type: none;
   min-width: 102%;
 }
-/* line 496, ../scss/partials/_buttons.scss */
+/* line 505, ../scss/partials/_buttons.scss */
 .button-dropdown ul li {
   padding: 0px;
   margin: 0px;
   display: block;
 }
-/* line 501, ../scss/partials/_buttons.scss */
+/* line 510, ../scss/partials/_buttons.scss */
 .button-dropdown ul li:first-child a {
   -moz-border-radius-topleft: 3px;
   -webkit-border-top-left-radius: 3px;
@@ -1530,7 +1554,7 @@ input.button-tiny, button.button-tiny {
   -webkit-border-top-right-radius: 3px;
   border-top-right-radius: 3px;
 }
-/* line 504, ../scss/partials/_buttons.scss */
+/* line 513, ../scss/partials/_buttons.scss */
 .button-dropdown ul li:last-child a {
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-bottom-left-radius: 3px;
@@ -1539,14 +1563,14 @@ input.button-tiny, button.button-tiny {
   -webkit-border-bottom-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-/* line 510, ../scss/partials/_buttons.scss */
+/* line 519, ../scss/partials/_buttons.scss */
 .button-dropdown ul .button-dropdown-divider {
   -moz-box-shadow: inset 0px 1px 0px #FFF;
   -webkit-box-shadow: inset 0px 1px 0px #FFF;
   box-shadow: inset 0px 1px 0px #FFF;
   border-top: 1px solid #e4e4e4;
 }
-/* line 515, ../scss/partials/_buttons.scss */
+/* line 524, ../scss/partials/_buttons.scss */
 .button-dropdown ul a {
   display: block;
   padding: 0px 20px;
@@ -1556,7 +1580,7 @@ input.button-tiny, button.button-tiny {
   line-height: 30px;
   white-space: nowrap;
 }
-/* line 524, ../scss/partials/_buttons.scss */
+/* line 533, ../scss/partials/_buttons.scss */
 .button-dropdown ul a:hover, .button-dropdown ul a:focus {
   background-color: #3c6ab9;
   color: #FFF;
diff --git a/index.html b/index.html
index 7d17dd4..87d8690 100755
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
     <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/buttons.css">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
diff --git a/scss/partials/_buttons.scss b/scss/partials/_buttons.scss
index e7a5208..67c0811 100644
--- a/scss/partials/_buttons.scss
+++ b/scss/partials/_buttons.scss
@@ -41,7 +41,12 @@ $unicorn-btn-jumbofs: inherit;
     text-decoration: none;
     text-align: center;
 
+    &:hover, &:focus, &:active, &.is-active, &.active {
+        text-decoration: none;
+    }
+
     &:hover, &:focus {
+        color:  $unicorn-btn-font-color;
         background-color: $unicorn-btn-bgcolor;
         @include background(linear-gradient(top,  lighten($unicorn-btn-bgcolor, 10%), darken($unicorn-btn-bgcolor, 7%)));
     }
@@ -169,6 +174,7 @@ button#{$unicorn-btn-namespace}:disabled {
             @include box-shadow(inset 0px 1px 0px rgba(255, 255, 255, .3), inset 0px -1px 1px rgba(255, 255, 255, .15), 0px 7px 0px darken($unicorn-btn-bgcolor, 20%), 0px 8px 3px rgba(0, 0, 0, .2));
             @include background(linear-gradient(top,  lighten($unicorn-btn-bgcolor, 8%), darken($unicorn-btn-bgcolor, 1%)));
             background-color: lighten($unicorn-btn-bgcolor, 10%);
+            color: $unicorn-btn-font-color;
         }
         &:active, &.is-active, &.active {
             @include box-shadow(inset 0px 1px 0px rgba(255, 255, 255, .3), inset 0px -1px 1px rgba(255, 255, 255, .15), 0px 2px 0px darken($unicorn-btn-bgcolor, 20%), 0px 3px 3px rgba(0, 0, 0, .2));
@@ -235,6 +241,7 @@ button#{$unicorn-btn-namespace}:disabled {
 
         &:hover, &:focus {
             background-color: $unicorn-btn-background;
+            color: $unicorn-btn-color;
             @include background(linear-gradient(top,  lighten($unicorn-btn-background, 10%), darken($unicorn-btn-background, 5%)));
         }
         &:active, &.is-active, &.active {
@@ -266,6 +273,7 @@ button#{$unicorn-btn-namespace}:disabled {
                 @include box-shadow(inset 0px 1px 0px rgba(255, 255, 255, .3), inset 0px -1px 1px rgba(255, 255, 255, .15), 0px 7px 0px darken($unicorn-btn-background, 12%), 0px 8px 3px rgba(0, 0, 0, .30));
                 @include background(linear-gradient(top,  lighten($unicorn-btn-background, 8%), darken($unicorn-btn-background, 1%)));
                 background-color: lighten($unicorn-btn-background, 10%);
+                color: $unicorn-btn-color;
             }
             &:active, &.is-active, &.active {
                 @include box-shadow(inset 0px 1px 0px rgba(255, 255, 255, .3), inset 0px -1px 1px rgba(255, 255, 255, .15), 0px 2px 0px darken($unicorn-btn-background, 10%), 0px 3px 3px rgba(0, 0, 0, .30));
@@ -331,6 +339,7 @@ button#{$unicorn-btn-namespace}:disabled {
             border: none;
 
             &:hover, &:focus {
+                color: $unicorn-btn-color;
                 background: lighten($unicorn-btn-background, 5%);
             }
             &:active, &.is-active, &.active {