Fix wraparound on external link indicators

src/_includes/post.njk

@@ -22,7 +22,7 @@ eleventyComputed:
         {% endif %}
     </article>
 
-    <section class="stack-sm">
+    <section class="stack-sm" data-section="responses">
         <h2>Responses</h2>
         
         {% if post.comments.like | length %}

src/css/exceptions/responses.css

@@ -0,0 +1,11 @@
+[data-section="responses"] {
+    a[target="_blank"] {
+        display: inline;
+        padding: 0;
+        position: initial;
+
+        &::after {
+            display: none;
+        }
+    }
+}

src/css/globals.css

@@ -81,6 +81,12 @@ a {
         color: inherit;
     }
 
+    &[target="_blank"] {
+        padding-right: 1.5ch;
+        display: inline-block;
+        position: relative;
+    }
+
     &[target="_blank"]::after {
         content: " \f08e";
         font-family: "font awesome 6 free";
@@ -91,6 +97,11 @@ a {
         -webkit-font-smoothing: antialiased;
         font-size: var(--text-size-xs);
         vertical-align: super;
+        width: 2ch;
+        padding: 0 .3ch;
+        display: inline-block;
+        position: absolute;
+        right: 0;
     }
 }