Add arrow decorations to footer's back to top link

src/_includes/global/footer.njk

@@ -13,7 +13,7 @@
         </nav>
     {%- endif -%}
 
-    <p><a href="#page-top">Back to Top 🡱</a></p>
+    <p><a class="footer__top-link" href="#page-top">Back to Top</a></p>
     {%- include "global/top-btn.njk" %}
 </footer>
 
@@ -55,6 +55,24 @@
         justify-self: center;
     }
 
+    .footer__top-link::before,
+    .footer__top-link::after {
+        --arrow-margin: 0.3em;
+        content: "";
+        display: inline-block;
+        border-bottom: 0.6rem solid currentColor;
+        border-left: 0.4rem solid transparent;
+        border-right: 0.4rem solid transparent;
+    }
+
+    .footer__top-link::before {
+        margin: 0 var(--arrow-margin) 0 0;
+    }
+
+    .footer__top-link::after {
+        margin: 0 0 0 var(--arrow-margin);
+    }
+
     /* Screen sizes larger than mobile */
     @media only screen and (min-width: 30rem) {
         .footer {