More Edge fixes and small UI bugs

demo/index.html

@@ -65,20 +65,26 @@
                     </svg>Vimeo</button>
             </p>
 
-            <span class="action">
-                <a href="https://github.com/sampotts/plyr" target="_blank" class="button" data-shr-network="github">
-                    <svg class="icon" role="presentation">
-                        <title>GitHub</title>
-                        <path d="M8,0.2c-4.4,0-8,3.6-8,8c0,3.5,2.3,6.5,5.5,7.6
+            <p>Monetization options provided by
+                <a href="https://vi.ai" target="_blank">vi.ai</a>
+            </p>
+
+            <div class="call-to-action">
+                <span class="button--with-count">
+                    <a href="https://github.com/sampotts/plyr" target="_blank" class="button" data-shr-network="github">
+                        <svg class="icon" role="presentation">
+                            <title>GitHub</title>
+                            <path d="M8,0.2c-4.4,0-8,3.6-8,8c0,3.5,2.3,6.5,5.5,7.6
                C5.9,15.9,6,15.6,6,15.4c0-0.2,0-0.7,0-1.4C3.8,14.5,3.3,13,3.3,13c-0.4-0.9-0.9-1.2-0.9-1.2c-0.7-0.5,0.1-0.5,0.1-0.5
                c0.8,0.1,1.2,0.8,1.2,0.8C4.4,13.4,5.6,13,6,12.8c0.1-0.5,0.3-0.9,0.5-1.1c-1.8-0.2-3.6-0.9-3.6-4c0-0.9,0.3-1.6,0.8-2.1
                c-0.1-0.2-0.4-1,0.1-2.1c0,0,0.7-0.2,2.2,0.8c0.6-0.2,1.3-0.3,2-0.3c0.7,0,1.4,0.1,2,0.3c1.5-1,2.2-0.8,2.2-0.8
                c0.4,1.1,0.2,1.9,0.1,2.1c0.5,0.6,0.8,1.3,0.8,2.1c0,3.1-1.9,3.7-3.7,3.9C9.7,12,10,12.5,10,13.2c0,1.1,0,1.9,0,2.2
                c0,0.2,0.1,0.5,0.6,0.4c3.2-1.1,5.5-4.1,5.5-7.6C16,3.8,12.4,0.2,8,0.2z"></path>
-                    </svg>
-                    Download on GitHub
-                </a>
-            </span>
+                        </svg>
+                        Download on GitHub
+                    </a>
+                </span>
+            </div>
         </header>
 
         <main>

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 {