From e90b77b3378ce0591ac20cfcf496423f1540d18e Mon Sep 17 00:00:00 2001
From: Zachary Shilton <4624598+zchsh@users.noreply.github.com>
Date: Thu, 21 Jan 2021 13:15:42 -0500
Subject: [PATCH] Fix link color on home page (#9611)

* Fix learn-callout theming

* Fix link color in cloud-offerings-list
---
 .../components/cloud-offerings-list/index.jsx |  6 +--
 website/components/learn-callout/style.css    | 38 +++++++++----------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/website/components/cloud-offerings-list/index.jsx b/website/components/cloud-offerings-list/index.jsx
index ef27e4271..891ad6123 100644
--- a/website/components/cloud-offerings-list/index.jsx
+++ b/website/components/cloud-offerings-list/index.jsx
@@ -3,21 +3,21 @@ import Button from '@hashicorp/react-button'
 export default function CloudOfferingsList({ offerings }) {
   return (
     <ul className="g-cloud-offerings-list">
-      {offerings.map(offering => (
+      {offerings.map((offering) => (
         <li key={offering.title}>
           <a
             href={offering.link.url}
             rel={offering.link.type === 'outbound' ? 'noopener' : undefined}
             target={offering.link.type === 'outbound' ? '_blank' : undefined}
           >
-            <img src={offering.image} alt={offering.title}/>
+            <img src={offering.image} alt={offering.title} />
             <span className="g-type-label-strong">{offering.eyebrow}</span>
             <h4>{offering.title}</h4>
             <p>{offering.description}</p>
             <Button
               title={offering.link.text}
               linkType={offering.link.type}
-              theme={{ variant: 'tertiary' }}
+              theme={{ variant: 'tertiary', brand: 'consul' }}
               url={offering.link.url}
             />
           </a>
diff --git a/website/components/learn-callout/style.css b/website/components/learn-callout/style.css
index 0ef9ae5b8..822520077 100644
--- a/website/components/learn-callout/style.css
+++ b/website/components/learn-callout/style.css
@@ -137,32 +137,32 @@
         }
       }
     }
+  }
 
-    &.brand-consul {
-      & .content label {
-        color: var(--consul);
-      }
+  &.brand-consul {
+    & .content label {
+      color: var(--consul);
     }
+  }
 
-    /* Brand -- Nomad */
-    &.brand-nomad {
-      & .content label {
-        color: var(--nomad);
-      }
+  /* Brand -- Nomad */
+  &.brand-nomad {
+    & .content label {
+      color: var(--nomad);
     }
+  }
 
-    /* Brand -- Packer */
-    &.brand-packer {
-      & .content label {
-        color: var(--packer);
-      }
+  /* Brand -- Packer */
+  &.brand-packer {
+    & .content label {
+      color: var(--packer);
     }
+  }
 
-    /* Brand -- Terraform */
-    &.brand-terraform {
-      & .content label {
-        color: var(--terraform);
-      }
+  /* Brand -- Terraform */
+  &.brand-terraform {
+    & .content label {
+      color: var(--terraform);
     }
   }
 }