prettier button states

media/css/mkt/buttons.less

@@ -2,14 +2,13 @@
 
 // Move these to 'lib' if needed elsewhere.
 .btn-shadow() {
-    .box-shadow(0 1px 0 0 rgba(51, 51, 51, .5), 0 -2px 0 0 rgba(255, 255, 255, .1) inset);
+    .box-shadow(0, 0 -2px 0 0 rgba(255, 255, 255, .1) inset);
 }
 .alt-btn-shadow() {
-    .box-shadow(0 1px 0 0 rgba(51, 51, 51, .5), 0 -1px 0 0 rgba(255, 255, 255, .5) inset);
+    .box-shadow(0, 0 -1px 0 0 rgba(255, 255, 255, .5) inset);
 }
 .btn-shadow-active() {
     .box-shadow(0 2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 6px rgba(0, 0, 0, .2) inset, 0 0 2px 2px rgba(0, 0, 0, .2) inset);
-    border: 1px none;
 }
 .fatten() {
     height: 48px;
@@ -36,8 +35,12 @@
         .gradient-two-color(darken(#4cb1ff, 10%), darken(#1793e5, 10%));
         text-decoration: none;
     }
+    &:hover, &:focus, &:active {
+        color: darken(@white, 10%);
+    }
     &:active {
         .btn-shadow-active;
+        border: 1px solid darken(#1793e5, 10%);
     }
 }
 .button {
@@ -52,12 +55,13 @@
     // Redish.
     &.manage {
         .gradient-two-color(#DA5132, #A91300);
-        border: 0;
+        border: 1px solid #A91300;
         &:hover, &:focus {
-            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #E64926 inset);
+            .gradient-two-color(darken(#DA5132, 10%), darken(#A91300, 10%));
         }
         &:active {
             .btn-shadow-active;
+            border: 1px solid darken(#A91300, 10%);
         }
     }
     // Grayish (legacy).
@@ -69,8 +73,12 @@
         &:hover, &:focus {
             .gradient-two-color(darken(#fff, 10%), darken(#e7e7e7, 10%));
         }
+        &:hover, &:focus, &:active {
+            color: darken(#5f5f5f, 10%);
+        }
         &:active {
             .btn-shadow-active;
+            border: 1px solid darken(#b7b7b7, 10%);
         }
     }
 }

mkt/site/templates/site/paginator.html

@@ -1,5 +1,5 @@
 {% if pager.has_next() %}
-  <button data-more-url="{{ pager.url|urlparams(page=pager.next_page_number()) }}">
+  <button class="alt" data-more-url="{{ pager.url|urlparams(page=pager.next_page_number()) }}">
     {{ _('More') }}
   </button>
 {% endif %}