More Edge fixes and small UI bugs

demo/src/less/components/buttons.less

@@ -29,16 +29,38 @@
     &:hover,
     &:focus {
         color: @gray-dark;
-        outline: 0;
 
+        // Remove the underline/border
         &::after {
             display: none;
         }
     }
 
+    &:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 2px 2px fade(#000, 10%);
+    }
+
+    &:focus {
+        outline: 0;
+    }
+
     &.tab-focus {
         .tab-focus();
     }
+
+    &:active {
+        transform: translateY(1px);
+    }
+}
+
+// Button group
+.button--with-count {
+    display: inline-flex;
+
+    .button .icon {
+        flex-shrink: 0;
+    }
 }
 
 // Count bubble

demo/src/less/components/header.less

@@ -6,16 +6,8 @@ header {
     padding-bottom: @spacing-base;
     text-align: center;
 
-    p {
-        margin-bottom: (@spacing-base * 1.5);
-    }
-
-    .action {
-        display: inline-flex;
-
-        .button .icon {
-            flex-shrink: 0;
-        }
+    .call-to-action {
+        margin-top: (@spacing-base * 1.5);
     }
 
     @media @mq-md {