diff --git a/static/js/components/backToTop.js b/static/js/components/backToTop.js
index 7d92f76..8a0ce2b 100644
--- a/static/js/components/backToTop.js
+++ b/static/js/components/backToTop.js
@@ -2,7 +2,7 @@
 class BackToTopButton extends HTMLElement {
     connectedCallback() {
         this.innerHTML = `
-            <button id="backToTopBtn" aria-label="Back to top" class="back-to-top" style="display:none;position:fixed;bottom:2rem;right:2rem;z-index:1000;padding:0.75em 1.5em;font-size:1.1rem;border-radius:2em;background:var(--color-primary,#3857BC);color:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:pointer;transition:opacity 0.2s;">
+            <button id="backToTopBtn" aria-label="Back to top" class="back-to-top" style="">
                 ↑ Top
             </button>
         `;
diff --git a/styles/blocks/buttons.css b/styles/blocks/buttons.css
index a39b7c1..09f4264 100644
--- a/styles/blocks/buttons.css
+++ b/styles/blocks/buttons.css
@@ -74,6 +74,24 @@
 
 .btn:active, .button:active { transform: scale(99%); }
 
+/* Back To Top Button */
+#backToTopBtn {
+    display:none;
+    position:fixed;
+    bottom:2rem;
+    right:2rem;
+    z-index:1000;
+    padding:0.75em 1.5em;
+    font-size:1.1rem;
+    border-radius:2em;
+    background:var(--color-primary,#3857BC);
+    color:#fff;
+    border:none;
+    box-shadow:0 2px 8px rgba(0,0,0,0.15);
+    cursor:pointer;
+    transition:opacity 0.2s;
+}
+
 /**
   * Variants
   *