From 440582fcbb5f05acfb0ec081f5f6ef0d4457d36c Mon Sep 17 00:00:00 2001
From: Kyle Shike <kyleshike@gmail.com>
Date: Fri, 21 Jun 2024 16:31:53 -0400
Subject: [PATCH] fix button styles for active states (#1256)

---
 scss/buttons.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/scss/buttons.scss b/scss/buttons.scss
index fa373f11..9e63a92c 100644
--- a/scss/buttons.scss
+++ b/scss/buttons.scss
@@ -131,11 +131,11 @@ $primary: $ux-emerald-600;
     $btn-outline-primary-hover-border,
     $btn-outline-primary-hover-color,
   );
-  border-color: var(--btn-outline-primary-border);
+  border-color: $btn-outline-primary-border;
 
   &:active {
-    background-color: var(--btn-outline-primary-active-background);
-    border-color: var(--btn-outline-primary-active-border-color);
+    background-color: $btn-outline-primary-active-background;
+    border-color: $btn-outline-primary-active-border-color;
   }
 
   &:focus-visible {
@@ -168,11 +168,11 @@ $primary: $ux-emerald-600;
     $btn-outline-primary-hover-border,
     $btn-outline-primary-hover-color,
   );
-  border-color: var(--btn-outline-primary-border);
+  border-color: $btn-outline-primary-border;
 
   &:active {
-    background-color: var(--btn-outline-primary-active-background);
-    border-color: var(--btn-outline-primary-active-border-color);
+    background-color: $btn-outline-primary-active-background;
+    border-color: $btn-outline-primary-active-border-color;
   }
 
   &:focus-visible {
@@ -288,11 +288,11 @@ $primary: $ux-emerald-600;
     $btn-outline-transparent-hover-border,
     $btn-outline-transparent-hover-color,
   );
-  border-color: var(--btn-outline-transparent-border);
+  border-color: $btn-outline-transparent-border;
 
   &:active {
-    background-color: var(--btn-outline-transparent-active-background);
-    border-color: var(--btn-outline-transparent-active-border-color);
+    background-color: $btn-outline-transparent-active-background;
+    border-color: $btn-outline-transparent-active-border-color;
   }
 
   &:disabled {