feat: add outline

src/components/primitives/link/link.module.scss

@@ -90,7 +90,8 @@
       background: currentcolor;
     }
 
-    &:hover {
+    &:hover,
+    &:focus {
       .icon {
         transform: rotate(45deg) scale(1.15);
       }
@@ -135,6 +136,10 @@
       }
     }
 
+    &:focus {
+      outline: tovw(2px, 'default', 2px) dashed var(--color-accent);
+    }
+
     @keyframes border {
       from {
         background-position: 0 0, tovw(8px, 'default', 6px) 0,

src/css/global.scss

@@ -88,6 +88,10 @@ body:not(.user-is-tabbing) textarea:focus {
   outline: none;
 }
 
+:focus-visible {
+  outline: tovw(2px, 'default', 2px) dashed var(--color-accent);
+}
+
 ::selection {
   color: var(--color-black);
   background: var(--color-accent);