diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 40ba16c38..b16c78bcc 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -79,7 +79,7 @@ description: |-
             <p>Secure and observe communication between your services without modifying their code.</p>
           </div>
           <div>
-            <a href='https://learn.hashicorp.com/consul/getting-started/connect?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=connect' class='g-btn'>Learn more</a>
+            <a href='https://learn.hashicorp.com/consul/getting-started/connect?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=connect' class='button download'>Learn more</a>
           </div>
         </div>
         <div>
@@ -89,7 +89,7 @@ description: |-
             <p>Use traffic splitting to upgrade services with canary, rolling, and blue/green methods. </p>
           </div>
            <div>
-            <a href='https://learn.hashicorp.com/consul/developer-mesh/consul-splitting?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=splitting' class='g-btn'>Learn more</a>
+            <a href='https://learn.hashicorp.com/consul/developer-mesh/consul-splitting?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=splitting' class='button download'>Learn more</a>
           </div>
         </div>
         <div>
@@ -99,7 +99,7 @@ description: |-
             <p>Automate load balancer configuration with Consul and HAProxy, Nginx, or F5.</p>
           </div>
           <div>
-            <a href='https://learn.hashicorp.com/consul/integrations/nginx-consul-template?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=lb' class='g-btn'>Learn more</a>
+            <a href='https://learn.hashicorp.com/consul/integrations/nginx-consul-template?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=lb' class='button download'>Learn more</a>
           </div>
         </div>
       </div>