diff --git a/site/src/sass/globals/extends/_cta.scss b/site/src/sass/globals/extends/_cta.scss
index ed225528..61d675b1 100644
--- a/site/src/sass/globals/extends/_cta.scss
+++ b/site/src/sass/globals/extends/_cta.scss
@@ -118,8 +118,8 @@
 
   &--transparent {
     background-color: transparent;
-    border: 1px solid var(--white);
-    color: var(--white);
+    border: 1px solid var(--cta-color, var(--white));
+    color: var(--cta-color, var(--white));
 
     &:hover,
     &:focus-visible,