fix: button as link don't reflect focus state

czabaj · Sep 12, 2024 · 992b250 · 992b250
1 parent 5dd0fec
commit 992b250
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/styles/components/link.module.css b/src/styles/components/link.module.css
@@ -1,8 +1,15 @@
 .base {
+  appearance: none;
+  font: inherit;
   color: var(--link-text, var(--text-3));
+  display: inline;
   letter-spacing: 0.02em;
   text-decoration: underline;
 }
 .base:hover {
   color: currentColor;
 }
+.base:focus {
+  outline: 2px solid -webkit-focus-ring-color;
+  outline-offset: 2px;
+}