diff --git a/src/css/components/button.css b/src/css/components/button.css
index f2e58ea..4997db9 100644
--- a/src/css/components/button.css
+++ b/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);
diff --git a/src/css/utilities.css b/src/css/utilities.css
index 2b406cf..479b152 100644
--- a/src/css/utilities.css
+++ b/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;