From 67a9788f26178eae00ea5c1e5aa50418517f8954 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Mon, 22 Apr 2024 03:05:20 +0800
Subject: [PATCH] Use Font Awesome icons for scroll-to-top button

---
 _site/about/index.html                        | 23 +++++++++----------
 _site/archive/index.html                      | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 _site/articles/index.html                     | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../my-dislike-of-shipping-culture/index.html | 23 +++++++++----------
 _site/assets/css/main.css                     |  3 ++-
 _site/blog/index.html                         | 23 +++++++++----------
 _site/blog/page/2/index.html                  | 23 +++++++++----------
 _site/blog/page/3/index.html                  | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 _site/blog/posts/index.html                   | 23 +++++++++----------
 _site/categories/a-summers-end/index.html     | 23 +++++++++----------
 _site/categories/anti-harry-potter/index.html | 23 +++++++++----------
 _site/categories/anti-jk-rowling/index.html   | 23 +++++++++----------
 _site/categories/cassette-beasts/index.html   | 23 +++++++++----------
 _site/categories/dracula-daily/index.html     | 23 +++++++++----------
 _site/categories/fandom-culture/index.html    | 23 +++++++++----------
 _site/categories/index.html                   | 23 +++++++++----------
 _site/categories/life-updates/index.html      | 23 +++++++++----------
 _site/categories/modding/index.html           | 23 +++++++++----------
 _site/categories/my-birthday/index.html       | 23 +++++++++----------
 _site/categories/my-interviews/index.html     | 23 +++++++++----------
 _site/categories/site-anniversary/index.html  | 23 +++++++++----------
 _site/categories/site-updates/index.html      | 23 +++++++++----------
 _site/categories/star-wars-kotor-2/index.html | 23 +++++++++----------
 _site/categories/star-wars-kotor/index.html   | 23 +++++++++----------
 _site/changelogs/2022/index.html              | 23 +++++++++----------
 _site/changelogs/2023/index.html              | 23 +++++++++----------
 _site/changelogs/2024/index.html              | 23 +++++++++----------
 _site/changelogs/index.html                   | 23 +++++++++----------
 _site/changelogs/layouts/index.html           | 23 +++++++++----------
 _site/changelogs/page/2/index.html            | 23 +++++++++----------
 _site/changelogs/page/3/index.html            | 23 +++++++++----------
 _site/changelogs/page/4/index.html            | 23 +++++++++----------
 _site/changelogs/page/5/index.html            | 23 +++++++++----------
 _site/feed.xml                                |  2 +-
 _site/index.html                              | 23 +++++++++----------
 _site/links/index.html                        | 23 +++++++++----------
 _site/now/index.html                          | 23 +++++++++----------
 _site/projects/index.html                     | 23 +++++++++----------
 _site/projects/kotor1mods/index.html          | 23 +++++++++----------
 _site/projects/kotor2mods/index.html          | 23 +++++++++----------
 _site/projects/playlists/index.html           | 23 +++++++++----------
 _site/shrines/asummersend/gallery/index.html  | 23 +++++++++----------
 _site/shrines/asummersend/index.html          | 23 +++++++++----------
 .../shrines/asummersend/playlists/index.html  | 23 +++++++++----------
 _site/shrines/asummersend/trivia/index.html   | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../cassettebeasts/articles/index.html        | 23 +++++++++----------
 .../cassettebeasts/featured/index.html        | 23 +++++++++----------
 .../shrines/cassettebeasts/gamelog/index.html | 23 +++++++++----------
 _site/shrines/cassettebeasts/index.html       | 23 +++++++++----------
 .../cassettebeasts/resources/index.html       | 23 +++++++++----------
 .../shrines/cassettebeasts/trivia/index.html  | 23 +++++++++----------
 _site/shrines/index.html                      | 23 +++++++++----------
 .../arren-kae-kreia-theory/index.html         | 23 +++++++++----------
 .../faq-same-gender-romance-mods/index.html   | 23 +++++++++----------
 .../handmaiden-sisters-mother/index.html      | 23 +++++++++----------
 .../shrines/starwarskotor/articles/index.html | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../juhani-lesbian-evidence/index.html        | 23 +++++++++----------
 .../articles/keep-juhani-a-lesbian/index.html | 23 +++++++++----------
 .../partyswap-management-takeover/index.html  | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 _site/shrines/starwarskotor/guides/index.html | 23 +++++++++----------
 .../kotor-juhani-romance-guide/index.html     | 23 +++++++++----------
 .../kotor-redeeming-bastila-guide/index.html  | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 _site/shrines/starwarskotor/index.html        | 23 +++++++++----------
 .../starwarskotor/resources/index.html        | 23 +++++++++----------
 .../kotor-same-gender-romance-mods/index.html | 23 +++++++++----------
 .../index.html                                | 23 +++++++++----------
 .../tslrcm-m478ep-modules-music/index.html    | 23 +++++++++----------
 .../starwarskotor/universes/index.html        | 23 +++++++++----------
 _site/sitemap/index.html                      | 23 +++++++++----------
 src/_includes/global/top-btn.njk              | 23 +++++++++----------
 src/assets/css/main.css                       |  3 ++-
 src/assets/images/elements/chevron-up.svg     |  9 --------
 92 files changed, 973 insertions(+), 1068 deletions(-)
 delete mode 100644 src/assets/images/elements/chevron-up.svg

diff --git a/_site/about/index.html b/_site/about/index.html
index 2ec8c048..4443fe9c 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -568,31 +568,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/archive/index.html b/_site/archive/index.html
index c23be2df..7933aa58 100644
--- a/_site/archive/index.html
+++ b/_site/archive/index.html
@@ -788,31 +788,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
index 11b3fe74..ac582a4e 100644
--- a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
+++ b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
@@ -544,31 +544,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/articles/designated-lesbian-syndrome-fandom/index.html b/_site/articles/designated-lesbian-syndrome-fandom/index.html
index ef259016..84cace39 100644
--- a/_site/articles/designated-lesbian-syndrome-fandom/index.html
+++ b/_site/articles/designated-lesbian-syndrome-fandom/index.html
@@ -508,31 +508,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/articles/index.html b/_site/articles/index.html
index 69b8e4ba..0ad460cb 100644
--- a/_site/articles/index.html
+++ b/_site/articles/index.html
@@ -578,31 +578,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/articles/kotor2-modder-interview-ars-technica/index.html b/_site/articles/kotor2-modder-interview-ars-technica/index.html
index e900040b..c113936d 100644
--- a/_site/articles/kotor2-modder-interview-ars-technica/index.html
+++ b/_site/articles/kotor2-modder-interview-ars-technica/index.html
@@ -509,31 +509,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
index d91b9169..4ee2d7e1 100644
--- a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
+++ b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
@@ -525,31 +525,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/articles/my-dislike-of-shipping-culture/index.html b/_site/articles/my-dislike-of-shipping-culture/index.html
index 099fc5b7..a5bd650a 100644
--- a/_site/articles/my-dislike-of-shipping-culture/index.html
+++ b/_site/articles/my-dislike-of-shipping-culture/index.html
@@ -502,31 +502,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index b51f1c69..16e2d819 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -7,7 +7,8 @@
     --clr-body-txt: #fceaff;
     --clr-content-bg: #3d2163;
 
-    --clr-top-btn: #FFD05A;
+    --clr-top-btn-bg: #FFD05A;
+    --clr-top-btn-txt: #08031A;
 
     --clr-main-heading: #ED64F5;
     --clr-sub-heading: #e8b86f;
diff --git a/_site/blog/index.html b/_site/blog/index.html
index 8fc8c221..b8db48a6 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -656,31 +656,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/page/2/index.html b/_site/blog/page/2/index.html
index 6efeae84..b3934681 100644
--- a/_site/blog/page/2/index.html
+++ b/_site/blog/page/2/index.html
@@ -658,31 +658,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/page/3/index.html b/_site/blog/page/3/index.html
index c8a19368..c58befae 100644
--- a/_site/blog/page/3/index.html
+++ b/_site/blog/page/3/index.html
@@ -623,31 +623,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
index 8f0b5bb4..53f32301 100644
--- a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
+++ b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
@@ -530,31 +530,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
index 6ea5d483..9b2a7b1b 100644
--- a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
+++ b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
@@ -521,31 +521,30 @@ After discovering the static site generator <a href="https://www.11ty.dev/">Elev
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
index c363affa..d57b5dda 100644
--- a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
+++ b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
@@ -516,31 +516,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
index 93e0fe26..f2368e3e 100644
--- a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
+++ b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
@@ -527,31 +527,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
index 6208e217..55e02205 100644
--- a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
@@ -520,31 +520,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
index d11a0071..ec638af6 100644
--- a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
@@ -521,31 +521,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
index 1568b3e5..ba49eca9 100644
--- a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
+++ b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
@@ -527,31 +527,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
index 84e493e9..5ca9153e 100644
--- a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
+++ b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
@@ -530,31 +530,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
index bdb96651..588a9f45 100644
--- a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
+++ b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
@@ -518,31 +518,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
index cd8d2b2e..b4636fb9 100644
--- a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
+++ b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
@@ -518,31 +518,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
index 5438ae1d..ea737e28 100644
--- a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
+++ b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
@@ -530,31 +530,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
index cf11cf2c..4dafb8de 100644
--- a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
+++ b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
@@ -759,31 +759,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/blog/posts/index.html b/_site/blog/posts/index.html
index 852cb09b..937ea6f9 100644
--- a/_site/blog/posts/index.html
+++ b/_site/blog/posts/index.html
@@ -617,31 +617,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/a-summers-end/index.html b/_site/categories/a-summers-end/index.html
index 46a74949..48bc5988 100644
--- a/_site/categories/a-summers-end/index.html
+++ b/_site/categories/a-summers-end/index.html
@@ -483,31 +483,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/anti-harry-potter/index.html b/_site/categories/anti-harry-potter/index.html
index 911df68d..bce4f2e6 100644
--- a/_site/categories/anti-harry-potter/index.html
+++ b/_site/categories/anti-harry-potter/index.html
@@ -483,31 +483,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/anti-jk-rowling/index.html b/_site/categories/anti-jk-rowling/index.html
index f873664f..1c44fae2 100644
--- a/_site/categories/anti-jk-rowling/index.html
+++ b/_site/categories/anti-jk-rowling/index.html
@@ -483,31 +483,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/cassette-beasts/index.html b/_site/categories/cassette-beasts/index.html
index bfeff284..0a37b7e7 100644
--- a/_site/categories/cassette-beasts/index.html
+++ b/_site/categories/cassette-beasts/index.html
@@ -503,31 +503,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/dracula-daily/index.html b/_site/categories/dracula-daily/index.html
index 3e154b89..92922842 100644
--- a/_site/categories/dracula-daily/index.html
+++ b/_site/categories/dracula-daily/index.html
@@ -483,31 +483,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/fandom-culture/index.html b/_site/categories/fandom-culture/index.html
index 7f399cfc..c74953fa 100644
--- a/_site/categories/fandom-culture/index.html
+++ b/_site/categories/fandom-culture/index.html
@@ -493,31 +493,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/index.html b/_site/categories/index.html
index b4682276..a20e9f58 100644
--- a/_site/categories/index.html
+++ b/_site/categories/index.html
@@ -510,31 +510,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/life-updates/index.html b/_site/categories/life-updates/index.html
index 4c9b2741..50a07bce 100644
--- a/_site/categories/life-updates/index.html
+++ b/_site/categories/life-updates/index.html
@@ -493,31 +493,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/modding/index.html b/_site/categories/modding/index.html
index 17b6f5f8..1b479340 100644
--- a/_site/categories/modding/index.html
+++ b/_site/categories/modding/index.html
@@ -533,31 +533,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/my-birthday/index.html b/_site/categories/my-birthday/index.html
index cb334113..fb36e5fc 100644
--- a/_site/categories/my-birthday/index.html
+++ b/_site/categories/my-birthday/index.html
@@ -483,31 +483,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/my-interviews/index.html b/_site/categories/my-interviews/index.html
index 1aac352c..e12fab9c 100644
--- a/_site/categories/my-interviews/index.html
+++ b/_site/categories/my-interviews/index.html
@@ -493,31 +493,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/site-anniversary/index.html b/_site/categories/site-anniversary/index.html
index 979b5c3d..669edcaa 100644
--- a/_site/categories/site-anniversary/index.html
+++ b/_site/categories/site-anniversary/index.html
@@ -483,31 +483,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/site-updates/index.html b/_site/categories/site-updates/index.html
index a23acca9..8290745a 100644
--- a/_site/categories/site-updates/index.html
+++ b/_site/categories/site-updates/index.html
@@ -523,31 +523,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/star-wars-kotor-2/index.html b/_site/categories/star-wars-kotor-2/index.html
index 3672be47..a75f4b7b 100644
--- a/_site/categories/star-wars-kotor-2/index.html
+++ b/_site/categories/star-wars-kotor-2/index.html
@@ -553,31 +553,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/categories/star-wars-kotor/index.html b/_site/categories/star-wars-kotor/index.html
index e201b3cb..7cf10414 100644
--- a/_site/categories/star-wars-kotor/index.html
+++ b/_site/categories/star-wars-kotor/index.html
@@ -553,31 +553,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/2022/index.html b/_site/changelogs/2022/index.html
index 83cf8fd2..b47a20d8 100644
--- a/_site/changelogs/2022/index.html
+++ b/_site/changelogs/2022/index.html
@@ -776,31 +776,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/2023/index.html b/_site/changelogs/2023/index.html
index ffe88839..eced4127 100644
--- a/_site/changelogs/2023/index.html
+++ b/_site/changelogs/2023/index.html
@@ -1078,31 +1078,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/2024/index.html b/_site/changelogs/2024/index.html
index 70916e76..51824309 100644
--- a/_site/changelogs/2024/index.html
+++ b/_site/changelogs/2024/index.html
@@ -604,31 +604,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/index.html b/_site/changelogs/index.html
index 93cb1b79..a16a85eb 100644
--- a/_site/changelogs/index.html
+++ b/_site/changelogs/index.html
@@ -746,31 +746,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/layouts/index.html b/_site/changelogs/layouts/index.html
index d6f10d2c..cd262f76 100644
--- a/_site/changelogs/layouts/index.html
+++ b/_site/changelogs/layouts/index.html
@@ -632,31 +632,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/page/2/index.html b/_site/changelogs/page/2/index.html
index 2b0d8625..1be1c22c 100644
--- a/_site/changelogs/page/2/index.html
+++ b/_site/changelogs/page/2/index.html
@@ -775,31 +775,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/page/3/index.html b/_site/changelogs/page/3/index.html
index 4e84fda4..a0e89875 100644
--- a/_site/changelogs/page/3/index.html
+++ b/_site/changelogs/page/3/index.html
@@ -769,31 +769,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/page/4/index.html b/_site/changelogs/page/4/index.html
index 6675faeb..4dc4bdb1 100644
--- a/_site/changelogs/page/4/index.html
+++ b/_site/changelogs/page/4/index.html
@@ -752,31 +752,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/changelogs/page/5/index.html b/_site/changelogs/page/5/index.html
index f349367a..2b32ceaf 100644
--- a/_site/changelogs/page/5/index.html
+++ b/_site/changelogs/page/5/index.html
@@ -705,31 +705,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/feed.xml b/_site/feed.xml
index 863c4651..88645618 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-04-21T15:31:24Z</updated>
+    <updated>2024-04-21T19:02:27Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
diff --git a/_site/index.html b/_site/index.html
index 6d098dba..b26fedcb 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -574,31 +574,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/links/index.html b/_site/links/index.html
index 75d2fab7..135ed197 100644
--- a/_site/links/index.html
+++ b/_site/links/index.html
@@ -532,31 +532,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/now/index.html b/_site/now/index.html
index ae983a67..bca56ce2 100644
--- a/_site/now/index.html
+++ b/_site/now/index.html
@@ -470,31 +470,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/projects/index.html b/_site/projects/index.html
index 61876f6e..f8f1656d 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -543,31 +543,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/projects/kotor1mods/index.html b/_site/projects/kotor1mods/index.html
index 1dc68e36..b716f340 100644
--- a/_site/projects/kotor1mods/index.html
+++ b/_site/projects/kotor1mods/index.html
@@ -743,31 +743,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/projects/kotor2mods/index.html b/_site/projects/kotor2mods/index.html
index 85f4c0d4..cfdb5ab1 100644
--- a/_site/projects/kotor2mods/index.html
+++ b/_site/projects/kotor2mods/index.html
@@ -822,31 +822,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/projects/playlists/index.html b/_site/projects/playlists/index.html
index 4c6866e3..f3434cd4 100644
--- a/_site/projects/playlists/index.html
+++ b/_site/projects/playlists/index.html
@@ -539,31 +539,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/asummersend/gallery/index.html b/_site/shrines/asummersend/gallery/index.html
index b15cee2c..444aca4a 100644
--- a/_site/shrines/asummersend/gallery/index.html
+++ b/_site/shrines/asummersend/gallery/index.html
@@ -345,31 +345,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/asummersend/index.html b/_site/shrines/asummersend/index.html
index b8c256b5..8b574b9b 100644
--- a/_site/shrines/asummersend/index.html
+++ b/_site/shrines/asummersend/index.html
@@ -370,31 +370,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/asummersend/playlists/index.html b/_site/shrines/asummersend/playlists/index.html
index 189d12b6..b0dba294 100644
--- a/_site/shrines/asummersend/playlists/index.html
+++ b/_site/shrines/asummersend/playlists/index.html
@@ -438,31 +438,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/asummersend/trivia/index.html b/_site/shrines/asummersend/trivia/index.html
index 3fc26108..3e0fd83c 100644
--- a/_site/shrines/asummersend/trivia/index.html
+++ b/_site/shrines/asummersend/trivia/index.html
@@ -461,31 +461,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html b/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
index e5db35a8..eb9ba066 100644
--- a/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
+++ b/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
@@ -637,31 +637,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/articles/index.html b/_site/shrines/cassettebeasts/articles/index.html
index 5bd32e8c..0d9a3c33 100644
--- a/_site/shrines/cassettebeasts/articles/index.html
+++ b/_site/shrines/cassettebeasts/articles/index.html
@@ -402,31 +402,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/featured/index.html b/_site/shrines/cassettebeasts/featured/index.html
index 85aecdeb..b7b87a1a 100644
--- a/_site/shrines/cassettebeasts/featured/index.html
+++ b/_site/shrines/cassettebeasts/featured/index.html
@@ -445,31 +445,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/gamelog/index.html b/_site/shrines/cassettebeasts/gamelog/index.html
index c2ce8e3f..0ccfed80 100644
--- a/_site/shrines/cassettebeasts/gamelog/index.html
+++ b/_site/shrines/cassettebeasts/gamelog/index.html
@@ -416,31 +416,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/index.html b/_site/shrines/cassettebeasts/index.html
index a9bebbe3..09e5529c 100644
--- a/_site/shrines/cassettebeasts/index.html
+++ b/_site/shrines/cassettebeasts/index.html
@@ -389,31 +389,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/resources/index.html b/_site/shrines/cassettebeasts/resources/index.html
index 9a06e776..d9c7b1a2 100644
--- a/_site/shrines/cassettebeasts/resources/index.html
+++ b/_site/shrines/cassettebeasts/resources/index.html
@@ -422,31 +422,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/cassettebeasts/trivia/index.html b/_site/shrines/cassettebeasts/trivia/index.html
index 8d3ef5e9..4e511a0c 100644
--- a/_site/shrines/cassettebeasts/trivia/index.html
+++ b/_site/shrines/cassettebeasts/trivia/index.html
@@ -551,31 +551,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/index.html b/_site/shrines/index.html
index 5e9bec23..73e3aaca 100644
--- a/_site/shrines/index.html
+++ b/_site/shrines/index.html
@@ -462,31 +462,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html b/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
index 8038621c..983f3421 100644
--- a/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
+++ b/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
@@ -348,31 +348,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html b/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
index ca52b2aa..4e168b10 100644
--- a/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
+++ b/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
@@ -660,31 +660,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html b/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
index 932b71cf..13c64a5e 100644
--- a/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
+++ b/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
@@ -350,31 +350,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/index.html b/_site/shrines/starwarskotor/articles/index.html
index c511023e..f116ce19 100644
--- a/_site/shrines/starwarskotor/articles/index.html
+++ b/_site/shrines/starwarskotor/articles/index.html
@@ -428,31 +428,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html b/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
index 21bd6f7a..93d90078 100644
--- a/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
+++ b/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
@@ -356,31 +356,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html b/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
index cb66745d..71f7a603 100644
--- a/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
+++ b/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
@@ -367,31 +367,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html b/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
index 330b273b..8c50f7d4 100644
--- a/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
+++ b/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
@@ -352,31 +352,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html b/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
index 5fddc469..89453674 100644
--- a/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
+++ b/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
@@ -369,31 +369,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html b/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
index 12d887c1..8816c7f2 100644
--- a/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
+++ b/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
@@ -350,31 +350,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/guides/index.html b/_site/shrines/starwarskotor/guides/index.html
index a7b878ab..4b517777 100644
--- a/_site/shrines/starwarskotor/guides/index.html
+++ b/_site/shrines/starwarskotor/guides/index.html
@@ -420,31 +420,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
index 872885d7..fc003b34 100644
--- a/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
@@ -528,31 +528,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
index 7ddc7100..bf707cf2 100644
--- a/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
@@ -505,31 +505,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
index bd2c58d2..044e6a01 100644
--- a/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
@@ -466,31 +466,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/index.html b/_site/shrines/starwarskotor/index.html
index d6fb707d..426d77cd 100644
--- a/_site/shrines/starwarskotor/index.html
+++ b/_site/shrines/starwarskotor/index.html
@@ -346,31 +346,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/resources/index.html b/_site/shrines/starwarskotor/resources/index.html
index 383563e4..a0b86b92 100644
--- a/_site/shrines/starwarskotor/resources/index.html
+++ b/_site/shrines/starwarskotor/resources/index.html
@@ -434,31 +434,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html b/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
index 0ddf1cdd..22e35adc 100644
--- a/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
+++ b/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
@@ -624,31 +624,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html b/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
index 7204625a..110f3326 100644
--- a/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
+++ b/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
@@ -432,31 +432,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html b/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
index e04bb0cb..a8cc709f 100644
--- a/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
+++ b/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
@@ -339,31 +339,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/shrines/starwarskotor/universes/index.html b/_site/shrines/starwarskotor/universes/index.html
index feac2178..62eb9c6a 100644
--- a/_site/shrines/starwarskotor/universes/index.html
+++ b/_site/shrines/starwarskotor/universes/index.html
@@ -438,31 +438,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/_site/sitemap/index.html b/_site/sitemap/index.html
index 7a363031..cd37c65b 100644
--- a/_site/sitemap/index.html
+++ b/_site/sitemap/index.html
@@ -565,31 +565,30 @@
         }
     }
 </style>
-        <button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/src/_includes/global/top-btn.njk b/src/_includes/global/top-btn.njk
index f1b1448d..8d7229bf 100644
--- a/src/_includes/global/top-btn.njk
+++ b/src/_includes/global/top-btn.njk
@@ -1,28 +1,27 @@
-<button class="top-btn hidden">
-    <img src="/assets/images/elements/chevron-up.svg" alt="Scroll to top">
+<button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
 </button>
 
 <style>
     .top-btn {
         position: fixed;
-        bottom: 10px;
-        right: 10px;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5em;
+        right: 0.5em;
         z-index: 999;
         border: none;
-        background-color: var(--clr-top-btn);
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
         border-radius: 50em;
-        padding: 0.3em;
+        width: 1.5rem;
+        aspect-ratio: 1 / 1;
     }
 
     .top-btn:focus {
-        outline: 0.25em solid var(--clr-top-btn);
+        outline: 0.25em solid var(--clr-top-btn-bg);
         outline-offset: 0.15em;
     }
-
-    .top-btn img {
-        width: 1.5rem;
-        aspect-ratio: 1 / 1;
-    }
 </style>
 
 <script defer>
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index b51f1c69..16e2d819 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -7,7 +7,8 @@
     --clr-body-txt: #fceaff;
     --clr-content-bg: #3d2163;
 
-    --clr-top-btn: #FFD05A;
+    --clr-top-btn-bg: #FFD05A;
+    --clr-top-btn-txt: #08031A;
 
     --clr-main-heading: #ED64F5;
     --clr-sub-heading: #e8b86f;
diff --git a/src/assets/images/elements/chevron-up.svg b/src/assets/images/elements/chevron-up.svg
deleted file mode 100644
index 9f20706f..00000000
--- a/src/assets/images/elements/chevron-up.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="612px" height="792px" viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">
-<path d="M594.729,455.711c22.442,22.441,22.442,58.729,0,80.932c-22.441,22.202-58.729,22.44-80.932,0L306.096,328.942
-	L98.397,536.643c-22.441,22.44-58.729,22.44-80.931,0c-22.203-22.441-22.442-58.729,0-80.932l247.808-248.285
-	c22.441-22.441,58.729-22.441,80.932,0L594.729,455.711z"/>
-</svg>