diff --git a/src/scss/04-utilities/_focus.scss b/src/scss/04-utilities/_focus.scss
index 9100934e..82747d14 100644
--- a/src/scss/04-utilities/_focus.scss
+++ b/src/scss/04-utilities/_focus.scss
@@ -11,3 +11,14 @@ html {
         }
     }
 }
+
+%focus-seo-container {
+    &:has(:focus-visible) {
+        outline: 2px solid currentColor;
+        outline-offset: .5rem;
+    }
+
+    *:focus {
+        outline: none;
+    }
+}
diff --git a/src/scss/04-utilities/_seo.scss b/src/scss/04-utilities/_seo.scss
index 858387af..7d3aedd5 100644
--- a/src/scss/04-utilities/_seo.scss
+++ b/src/scss/04-utilities/_seo.scss
@@ -1,4 +1,5 @@
 %seo-container {
+    @extend %focus-seo-container;
     position: relative;
     z-index: 1;
     cursor: pointer;