diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 04e1e5335e..9ed3fa0ed7 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -118,25 +118,17 @@ hr.soften {
 .masthead .btn {
   padding: 19px 24px;
   font-size: 24px;
-  font-weight: 200;
   color: #fff; /* redeclare to override the `.jumbotron a` */
-  border: 0;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-  -webkit-transition: none;
-     -moz-transition: none;
-          transition: none;
+  border: 2px solid #fff;
+  background-color: transparent;
 }
-.masthead .btn:hover {
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+.masthead .btn:hover,
+.masthead .btn:active {
+  color: #333;
+  background-color: #fff;
 }
 .masthead .btn:active {
-  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
-     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
-          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
+  box-shadow: none;
 }