diff --git a/src/css/custom.css b/src/css/custom.css
index 67039ef6..e17872a6 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -239,3 +239,12 @@ footer .container {
     vertical-align: sub;
   }
 }
+
+:where(.button--white) {
+  --ifm-button-background-color: #ffffff;
+  --ifm-button-border-color: #ffffff;
+}
+
+.button--white:hover {
+  color: #000000 !important;
+}
diff --git a/src/pages/index.js b/src/pages/index.js
index 730a9ec1..44919091 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -84,7 +84,7 @@ function Home() {
               <div className={styles.Ctas}>
                 <Link
                   className={classnames(
-                    "button button--outline button--primary button--lg",
+                    "button button--outline button--white button--lg",
                     styles.getStarted
                   )}
                   to={useBaseUrl("downloads")}