diff --git a/src/css/components/button.css b/src/css/components/button.css
index bd46f7d..f2e58ea 100644
--- a/src/css/components/button.css
+++ b/src/css/components/button.css
@@ -76,5 +76,8 @@
   --button-bg: transparent;
   --button-border-color: transparent;
   --button-color: currentColor;
+  --button-hover-bg: transparent;
+  --button-hover-bg: color-mix(in srgb, var(--color-neutral-500) 35%, transparent 65%);
+  --button-hover-color: currentColor;
   --button-padding: .2em .4em;
 }