diff --git a/css/brands.css b/css/brands.css
index 3bc142c..c1d4c4f 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -642,6 +642,17 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Microsoft */
+.button.button-microsoft {
+  color: #ffffff;
+  background-color: #000000;
+  border: 1px solid #FFFFFF;
+}
+.button.button-microsoft:hover,
+.button.button-microsoft:focus {
+  filter: brightness(90%);
+}
+
 /* NGL */
 .button.button-ngl {
   color: #ffffff;
diff --git a/images/icons/microsoft.svg b/images/icons/microsoft.svg
new file mode 100644
index 0000000..8e7945c
--- /dev/null
+++ b/images/icons/microsoft.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.54346 1.54346H11.9782V11.9782H1.54346V1.54346Z" fill="#F35325"/>
+<path d="M13.022 1.54346H23.4568V11.9782H13.022V1.54346Z" fill="#81BC06"/>
+<path d="M1.54346 13.0217H11.9782V23.4565H1.54346V13.0217Z" fill="#05A6F0"/>
+<path d="M13.022 13.0217H23.4568V23.4565H13.022V13.0217Z" fill="#FFBA08"/>
+</svg>
diff --git a/index.html b/index.html
index 35c2bc8..294a3fb 100644
--- a/index.html
+++ b/index.html
@@ -255,6 +255,9 @@
 
         <!-- Medium -->
         <a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/medium.svg" alt="">Medium</a><br>
+
+        <!-- Microsoft Store -->
+        <a class="button button-microsoft" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/microsoft.svg" alt="">Get it from Microsoft</a><br>
         
         <!-- NGL -->
         <a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/ngl.svg" alt="">NGL</a><br>