diff --git a/components/button-link.js b/components/button-link.js
index 7a4c527..374d2b6 100644
--- a/components/button-link.js
+++ b/components/button-link.js
@@ -65,9 +65,9 @@ class ButtonLink extends HTMLElement {
       }
 
       a.primary {
-        color: white;
+        color: var(--bg-100);
         font-weight: 500;
-        background-color: var(--primary);
+        background-color: var(--bg-400);
       }
 
       a.primary:focus {
@@ -88,8 +88,8 @@ class ButtonLink extends HTMLElement {
       }
 
       a.primary:active {
-        background-color: #160b46;
-        color: white;
+        background-color: var(--text-900);
+        color: var(--bg-100);
       }
 
       a.ghost {
@@ -118,19 +118,19 @@ class ButtonLink extends HTMLElement {
       }
 
       a.small.ghost:active {
-        color: #846de9;
+        color: var(--primary);
       }
 
       a.big.ghost {
         padding: auto;
-        color: black;
+        color: var(--text-900);
         font-weight: normal;
         border-radius: 10px;
-        background: white;
+        background: var(--bg-100);
         border: 3px solid transparent;
         background-clip: padding-box, border-box;
         background-origin: padding-box, border-box;
-        background-image: linear-gradient(white, white),
+        background-image: linear-gradient(var(--bg-100), var(--bg-100)),
           linear-gradient(135deg, var(--secondary), var(--primary));
 
         @media only screen and (min-width: 768px) {
diff --git a/components/footer.js b/components/footer.js
index a699fb4..0a32e6f 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -17,7 +17,7 @@ class Footer extends HTMLElement {
       :host {
         display: block;
         height: 400px;
-        color: white;
+        color: var(--bg-100);
         background-color: var(--text-900);
         padding: 80px 27px;
 
diff --git a/global-styles.css b/global-styles.css
index a6a8b63..89a0004 100644
--- a/global-styles.css
+++ b/global-styles.css
@@ -4,6 +4,7 @@
   --bg-100: #fdfdff;
   --bg-200: #fbfaff;
   --bg-300: #eee8fe;
+  --bg-400: #5333e1;
   --text-900: #160b46;
   --font-weight-light: 300;
   --font-weight-regular: 400;