diff --git a/nest_frontend/components/base/Button.module.css b/nest_frontend/components/base/Button.module.css
index 3afae8a..72f5ebf 100644
--- a/nest_frontend/components/base/Button.module.css
+++ b/nest_frontend/components/base/Button.module.css
@@ -15,6 +15,14 @@
     opacity: 0.5;
 }
 
+.Button:hover {
+    filter: brightness(110%);
+}
+
+.Button:active {
+    filter: brightness(125%);
+}
+
 .Button:focus-visible {
     outline: 4px solid var(--outline);
 }