Fix link color on home page (#9611)

* Fix learn-callout theming

* Fix link color in cloud-offerings-list

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>

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);
     }
   }
 }