From dfbfb89c65e155191a65c27d1832cadf5eac068c Mon Sep 17 00:00:00 2001
From: helenapark <phg5590@gmail.com>
Date: Tue, 16 Jul 2024 22:18:33 -0400
Subject: [PATCH] fix: update accessibility style according to the new design
 guideline

---
 components/step.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/step.js b/components/step.js
index 1e5c4f6..bc5cf10 100644
--- a/components/step.js
+++ b/components/step.js
@@ -153,14 +153,22 @@ class StepTextLink extends BaseStepElement {
         text-underline-offset: 3px;
       }
       a:focus {
-        outline: 3px solid var(--primary);
+        outline: 2px solid var(--primary);
         outline-offset: 2px;
-        border-radius: 10px;
+        border-radius: 5px;
+
+        @media only screen and (min-width: 768px) {
+          outline: 3px solid var(--primary);
+        }
       }
       a:focus-visible {
-        outline: 3px solid var(--secondary);
+        outline: 2px solid var(--secondary);
         outline-offset: 2px;
-        border-radius: 10px;
+        border-radius: 5px;
+
+        @media only screen and (min-width: 768px) {
+          outline: 3px solid var(--secondary);
+        }
       }
       a:hover {
         font-weight: var(--font-weight-bold);