diff --git a/static/css/main.css b/static/css/main.css
index 28e6ddf..34140bb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2883,12 +2883,11 @@ html {
         display: none !important;
     }
 
-    /* Reset fixed positioning for all buttons on mobile */
+    /* Reset fixed positioning for FLEXBOX buttons on mobile (exclude back-to-top) */
     .download-btn,
     .print-friendly-btn,
     .shortcuts-btn,
-    .info-button,
-    .back-to-top {
+    .info-button {
         position: fixed !important;
         bottom: 1.5rem !important;
         left: auto !important;
@@ -2899,6 +2898,15 @@ html {
         transform: none !important;
     }
 
+    /* Keep back-to-top button at bottom-right (same as desktop) */
+    .back-to-top {
+        position: fixed !important;
+        bottom: 1.5rem !important;
+        right: 1.5rem !important;
+        width: 50px !important;
+        height: 50px !important;
+    }
+
     /* Flexbox container behavior - buttons arrange themselves */
     /* Buttons will be positioned using JavaScript or individual positioning */
     /* For now, use fixed spacing from center */
@@ -2927,15 +2935,17 @@ html {
         left: calc(50% + 95px) !important; /* Fifth button (last) */
     }
 
-    /* Hover effects - only Y transform */
+    /* Hover effects - only Y transform + enhanced shadow */
     .download-btn:hover,
     .download-btn.pdf-hover-sync,
     .print-friendly-btn:hover,
     .print-friendly-btn.print-hover-sync,
     .shortcuts-btn:hover,
-    .info-button:hover {
+    .info-button:hover,
+    .back-to-top:hover {
         transform: translateY(-3px) !important;
         opacity: 1 !important;
+        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
     }
 
     /* Keep at-bottom state without transform */