diff --git a/website/source/assets/stylesheets/consul-connect/components/_button.scss b/website/source/assets/stylesheets/consul-connect/components/_button.scss
index a6fd8227d2..815967887e 100644
--- a/website/source/assets/stylesheets/consul-connect/components/_button.scss
+++ b/website/source/assets/stylesheets/consul-connect/components/_button.scss
@@ -22,6 +22,10 @@
     transform: translateY(-1px);
   }
 
+  path {
+    fill: $white;
+  }
+
   &.white {
     background: $white;
     border: 2px solid $white;
@@ -32,11 +36,15 @@
       background: $consul-black;
       border-color: $consul-black;
       color: $white;
-      
+
       path {
         fill: $white;
       }
     }
+
+    path {
+      fill: $consul-black;
+    }
   }
 
   &.dark-outline {
diff --git a/website/source/assets/stylesheets/consul-connect/components/_hero.scss b/website/source/assets/stylesheets/consul-connect/components/_hero.scss
index 949b1b532a..4aabe5c20f 100644
--- a/website/source/assets/stylesheets/consul-connect/components/_hero.scss
+++ b/website/source/assets/stylesheets/consul-connect/components/_hero.scss
@@ -27,4 +27,8 @@
     padding: 2px 9px;
     text-transform: uppercase;
   }
+
+  .g-btn + .g-btn {
+    margin-left: 20px;
+  }
 }
diff --git a/website/source/configuration.html.erb b/website/source/configuration.html.erb
index a389041772..42e46f129f 100644
--- a/website/source/configuration.html.erb
+++ b/website/source/configuration.html.erb
@@ -11,7 +11,13 @@ description: |-
     <div class='g-container'>
       <h1>Service configuration made easy.</h1>
       <p>Feature rich key/value store lets you easily configure services.</p>
-      <a href="#" class="g-btn">Get Started</a>
+      <a href="#" class="g-btn download">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
+          <path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
+        </svg>
+        Download
+      </a>
+      <a href="#" class="g-btn dark-outline">Explore Docs</a>
     </div>
   </section>
 
@@ -193,7 +199,7 @@ description: |-
       <a href="#" class="g-btn white download">
         <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
           <path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
-      </svg>
+        </svg>
         Download
       </a>
       <a href="#" class="g-btn white-outline">Explore docs</a>
diff --git a/website/source/discovery.html.erb b/website/source/discovery.html.erb
index c686df0c5b..c8c834673c 100644
--- a/website/source/discovery.html.erb
+++ b/website/source/discovery.html.erb
@@ -11,7 +11,13 @@ description: |-
     <div class='g-container'>
       <h1>Service discovery made easy.</h1>
       <p>Service Registry enables services to register and discover each other in dymanic infrastructure.</p>
-      <a href="#" class="g-btn">Get Started</a>
+      <a href="#" class="g-btn download">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
+          <path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
+        </svg>
+        Download
+      </a>
+      <a href="#" class="g-btn dark-outline">Explore Docs</a>
     </div>
   </section>
 
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index a844bb7e99..584e62a28c 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -183,7 +183,7 @@ description: |-
           <a href="#" class="g-btn white download">
             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
               <path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
-          </svg>
+            </svg>
             Download
           </a>
         </div>
diff --git a/website/source/segmentation.html.erb b/website/source/segmentation.html.erb
index d373ec6800..f0b7eaba28 100644
--- a/website/source/segmentation.html.erb
+++ b/website/source/segmentation.html.erb
@@ -12,7 +12,13 @@ description: |-
       <span>New Feature</span>
       <h1>Service segmentation made easy.</h1>
       <p>Secure service-to-service communication with automatic TLS encryption and identity-based authorization.</p>
-      <a href="#" class="g-btn">Get Started</a>
+      <a href="#" class="g-btn download">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
+          <path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
+        </svg>
+        Download
+      </a>
+      <a href="#" class="g-btn dark-outline">Explore Docs</a>
     </div>
   </section>