diff --git a/static/css/main.css b/static/css/main.css
index 323dc87..f550c79 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2835,6 +2835,7 @@ html {
     gap: 1rem; /* 16px gap between buttons */
     align-items: center;
     z-index: 99;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth morphing transition */
 }
 
 /* All buttons inside container - shared styles */
diff --git a/templates/index.html b/templates/index.html
index 15bf90b..3948653 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -136,13 +136,13 @@
     </div> <!-- End zoom-wrapper -->
 
     {{template "error-toast" .}}
-    <!-- Fixed buttons container - Flexbox layout (desktop: right side bottom-to-top, mobile: bottom center horizontal) -->
+    <!-- Fixed buttons container - Flexbox layout (desktop: left side bottom-to-top, mobile: bottom center horizontal) -->
     <div class="fixed-buttons-container">
-        {{template "info-button" .}}
-        {{template "shortcuts-button" .}}
-        {{template "zoom-toggle-button" .}}
-        {{template "print-friendly-button" .}}
         {{template "download-button" .}}
+        {{template "print-friendly-button" .}}
+        {{template "zoom-toggle-button" .}}
+        {{template "shortcuts-button" .}}
+        {{template "info-button" .}}
     </div>
     {{template "back-to-top" .}}
     {{template "info-modal" .}}
diff --git a/test-screenshots/mobile-test-1-desktop.png b/test-screenshots/mobile-test-1-desktop.png
new file mode 100644
index 0000000..51b2246
Binary files /dev/null and b/test-screenshots/mobile-test-1-desktop.png differ
diff --git a/test-screenshots/mobile-test-2-mobile.png b/test-screenshots/mobile-test-2-mobile.png
new file mode 100644
index 0000000..cc4fcc2
Binary files /dev/null and b/test-screenshots/mobile-test-2-mobile.png differ
diff --git a/test-screenshots/new-buttons-1-all.png b/test-screenshots/new-buttons-1-all.png
new file mode 100644
index 0000000..eb5ce05
Binary files /dev/null and b/test-screenshots/new-buttons-1-all.png differ
diff --git a/test-screenshots/new-buttons-2-download-hover.png b/test-screenshots/new-buttons-2-download-hover.png
new file mode 100644
index 0000000..cacb54c
Binary files /dev/null and b/test-screenshots/new-buttons-2-download-hover.png differ
diff --git a/test-screenshots/new-buttons-3-print-hover.png b/test-screenshots/new-buttons-3-print-hover.png
new file mode 100644
index 0000000..9740a1c
Binary files /dev/null and b/test-screenshots/new-buttons-3-print-hover.png differ
diff --git a/test-screenshots/new-buttons-4-print-active.png b/test-screenshots/new-buttons-4-print-active.png
new file mode 100644
index 0000000..ad1ebdd
Binary files /dev/null and b/test-screenshots/new-buttons-4-print-active.png differ