From 7a578c67c0c0eec7abbe4ad40a01db0e4c67aeb7 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Thu, 19 Mar 2026 15:59:17 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8feature:=20Move=20back=20top=20top=20b?=
 =?UTF-8?q?utton=20styling=20to=20buttons.css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/js/components/backToTop.js |  2 +-
 styles/blocks/buttons.css         | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

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
   *