Fix focus styles

src/css/components/button.css

@@ -8,6 +8,9 @@
   --button-border-color: var(--button-bg);
   --button-radius: 0.5em;
 
+  --button-outline-color: #0a76f6;
+  --button-outline-offset: -3px;
+
   display: inline-flex;
   align-items: center;
   gap: var(--button-gap, 0.5em);

src/css/utilities.css

@@ -76,6 +76,7 @@
   color: var(--item-color, var(--text));
   text-decoration: none;
   transition: all 0.2s;
+  outline-offset: -1px;
 }
 .list-inline a:hover {
   text-decoration: underline;