From a427058dd4b41fa0fd64c31b8a4f6319fec619e7 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 6 Feb 2024 18:17:01 -0600
Subject: [PATCH] Website: Update homepage category buttons (#16642)

Closes: #16620

Changes:
- Updated the styles for the buttons going to product category landing
pages on the homepage.
---
 website/assets/styles/pages/homepage.less | 18 ++++++++++++++++++
 website/views/pages/homepage.ejs          |  6 +++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index ddcfad551e..6479afc843 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -252,6 +252,21 @@
     p {
       margin-bottom: 32px;
     }
+    [purpose='category-button'] {
+      width: min-content;
+      height: 48px;
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      text-decoration: none;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 21px;
+      color: #FFF;
+      padding: 16px 32px;
+    }
   }
   [purpose='endpoint-ops-image'] {
     max-width: 380px;
@@ -990,6 +1005,9 @@
     }
     [purpose='category-text-block'] {
       max-width: 480px;
+      [purpose='category-button'] {
+        width: 100%;
+      }
     }
     [purpose='endpoint-ops-image'] {
       margin-right: auto;
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index fcdbf6aa08..b9e03e9b3f 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -100,7 +100,7 @@
           <h3>Manage everything in one place</h3>
           <p>Modernize your device management practice with a single, open platform for Apple, Windows, and Linux. De-risk config changes, automate security audits, and clear the way for “zero trust access” in your org.</p>
           <div>
-            <a purpose="animated-arrow-button-red" class="text-nowrap" href="/device-management">Start with device management</a>
+            <a purpose="category-button" class="text-nowrap btn btn-primary" href="/device-management">Start with device management</a>
           </div>
         </div>
         <div purpose="device-management-image">
@@ -119,7 +119,7 @@
           <h3>Focus on data, not vendors</h3>
           <p>Use a consistent interface to deploy, update, and manage thousands of workstations and servers with open standards and data.</p>
           <div>
-            <a purpose="animated-arrow-button-red" class="text-nowrap" href="/endpoint-ops">Start with endpoint ops</a>
+            <a purpose="category-button" class="text-nowrap btn btn-primary" href="/endpoint-ops">Start with endpoint ops</a>
           </div>
         </div>
       </div>
@@ -131,7 +131,7 @@
           <h3>Build the vulnerability program you actually want</h3>
           <p>Show how quickly CVEs are resolved and which teams need extra help. Manage and report on vulnerabilities in operating systems, software packages, browser plugins, anywhere.</p>
           <div>
-            <a purpose="animated-arrow-button-red" class="text-nowrap"  href="/vulnerability-management">Start with vuln management</a>
+            <a purpose="category-button" class="text-nowrap btn btn-primary"  href="/vulnerability-management">Start with vuln management</a>
           </div>
         </div>
         <div purpose="vuln-management-image">