WIP

dist/app.css

@@ -12050,11 +12050,18 @@ a {
   width: 360px;
   max-width: 100%;
   border-radius: 42px;
+  transition: all 0.3s ease;
 }
 .cta-button a:hover {
   background-color: #B9AF78;
   color: #063C5A;
 }
+.cta-button.gold a {
+  background-color: #B9AF78;
+}
+.cta-button.gold a:hover {
+  background-color: #063C5A;
+}
 
 .intro_block, .team-member-top, .team-members-top {
   background-size: cover;
@@ -12081,6 +12088,7 @@ a {
 .intro_block p.cta-button, .team-member-top p.cta-button, .team-members-top p.cta-button {
   display: block;
   margin: 0 auto;
+  text-align: center;
 }
 
 section.side-by-side-text {

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=96cb699dcfa32255c13d5f380d7f7b23"
+    "/app.css": "/app.css?id=1a1a7040303fe5fe7b8732342eaa4a7b"
 }

src/scss/_variables.scss

@@ -7,6 +7,8 @@ $c-charcoal: #2B2400;
 $c-tan: #B9AF78;
 $c-textGrey: #333333;
 
+$transition-time: 0.3s;
+
 // Bootstrap overrides
 $font-family-sans-serif: 'Inter', sans-serif;
 $body-color: $c-textGrey;

src/scss/flex-intro-block.scss

@@ -27,5 +27,6 @@
     p.cta-button {
         display: block;
         margin: 0 auto;
+        text-align: center;
     }
 }

src/scss/global.scss

@@ -23,10 +23,21 @@ a {
         width: 360px;
         max-width: 100%;
         border-radius: 42px;
+        transition: all $transition-time ease;
 
         &:hover {
             background-color: $c-tan;
             color: $c-navy;
         }
     }
+
+    &.gold {
+        a {
+            background-color: $c-tan;
+
+            &:hover {
+                background-color: $c-navy;
+            }
+        }
+    }
 }