Merge pull request #102 from LukaTV939/steam-dark

Made a dark Steam button

css/brands.css

@@ -808,6 +808,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Steam Dark */
+.button.button-steam-dark {
+  color: #ffffff;
+  background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085);
+}
+.button.button-steam-dark:hover,
+.button.button-steam-dark:focus {
+  filter: brightness(90%);
+}
+
 /* Steam */
 .button.button-steam {
   color: #ffffff;

index.html

@@ -304,6 +304,9 @@
         <!-- Square -->
         <a class="button button-square" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/square.svg" alt="">Buy with Square</a><br>
 
+        <!-- Steam Dark -->
+        <a class="button button-steam-dark" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>
+
         <!-- Steam -->
         <a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>