diff --git a/src/index.css b/src/index.css
index ff6db15..26a2f9d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -181,6 +181,14 @@ h6 {
   transition: transform 0.1s, box-shadow 0.1s;
 }
 
+.primary-button:hover {
+  transform: translateY(2px);
+  box-shadow: 
+    inset 0 1px 1px color-mix(in srgb, var(--color-primary-cta-text) 30%, transparent),
+    0 2px 0 color-mix(in srgb, var(--color-primary-cta) 60%, black),
+    0 4px 8px rgba(0, 0, 0, 0.3);
+}
+
 .primary-button:active {
   transform: translateY(4px);
   box-shadow: 
@@ -201,6 +209,14 @@ h6 {
   transition: transform 0.1s, box-shadow 0.1s;
 }
 
+.secondary-button:hover {
+  transform: translateY(2px);
+  box-shadow: 
+    inset 0 1px 1px color-mix(in srgb, var(--color-secondary-cta-text) 30%, transparent),
+    0 2px 0 color-mix(in srgb, var(--color-secondary-cta) 60%, black),
+    0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
 .secondary-button:active {
   transform: translateY(4px);
   box-shadow: