diff --git a/static/css/main.css b/static/css/main.css
index f550c79..56b0b26 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2861,11 +2861,18 @@ html {
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-    transition: all 0.3s ease;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Same smooth easing */
     opacity: 0.6;
     margin: 0; /* Remove any margins */
 }
 
+/* Staggered animation delays - each button animates one by one */
+.fixed-buttons-container > *:nth-child(1) { transition-delay: 0.05s; }
+.fixed-buttons-container > *:nth-child(2) { transition-delay: 0.10s; }
+.fixed-buttons-container > *:nth-child(3) { transition-delay: 0.15s; }
+.fixed-buttons-container > *:nth-child(4) { transition-delay: 0.20s; }
+.fixed-buttons-container > *:nth-child(5) { transition-delay: 0.25s; }
+
 /* Legacy selector for backwards compatibility */
 .info-button {
     background: var(--black-bar);