style/appearance ++ for new header-anchor rendering

_includes/markdown-it-accessible-anchor.js

@@ -16,7 +16,7 @@ const slugify = (s) =>
 const defaultOptions = {
   divClass: 'heading-wrapper',
   anchorClass: 'anchor-link',
-  linkIcon: '#',
+  linkIcon: '🔗',
 };
 
 const targets = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];

scss/style.scss

@@ -47,6 +47,16 @@ p {
   }
 }
 
+div.heading-wrapper {
+  position: relative;
+}
+
+a.anchor-link {
+  position: absolute;
+  right: calc(100% + .5em);
+  top: .5em;
+}
+
 sup.footnote-ref a {
   font-size: 1em;
 }