diff --git a/web/project-website/content/_index.md b/web/project-website/content/_index.md
index cb20e803..8d8c33ca 100644
--- a/web/project-website/content/_index.md
+++ b/web/project-website/content/_index.md
@@ -12,9 +12,9 @@ geekdocBreadcrumb: false
 Take control of your computing infrastructure and get things done.<br>
 Flamenco is used in production at [Blender Studio](https://studio.blender.org).
 
-{{< button size="large" relref="usage/quickstart/" >}}Quickstart{{< /button >}}
+{{< button class="btn-primary" size="large" relref="usage/quickstart/" >}}Quickstart{{< /button >}}
 
-{{< button size="large" relref="download" >}}Download Flamenco{{< /button >}}
+{{< button relref="download" class="btn-secondary" size="large" >}}Download Flamenco{{< /button >}}
 
 <--->
 
diff --git a/web/project-website/static/custom.css b/web/project-website/static/custom.css
index 8447988a..14bb0bd4 100644
--- a/web/project-website/static/custom.css
+++ b/web/project-website/static/custom.css
@@ -149,9 +149,21 @@ h3 {
   border: var(--button-border-color) 1px solid;
 }
 
+.gdoc-button.btn-primary a.gdoc-button__link {
+  color: #FFF !important;
+}
+
+.gdoc-button.btn-secondary {
+  background: transparent;
+  border: var(--button-border-color) 1px solid;
+}
+
+.gdoc-button.btn-secondary a.gdoc-button__link {
+  color: var(--button-border-color) !important;
+}
+
 .gdoc-button a {
   border-bottom: none;
-  color: #EEE !important;
 }
 
 .gdoc-search__input {