diff --git a/css/brands.css b/css/brands.css
index 2296d2a8..0c94c537 100644
--- a/css/brands.css
+++ b/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;
diff --git a/index.html b/index.html
index 97715703..f72cc7d1 100644
--- a/index.html
+++ b/index.html
@@ -304,6 +304,9 @@
Buy with Square
+
+ 
Steam
+
Steam