fix: back button position

src/components/Widgets/BackButton.astro

@@ -5,7 +5,7 @@ import GoBackIcon from '@/assets/icons/go-back.svg';
 <button
   id="back-button"
   class="hidden"
-  lg="block absolute c-secondary/40 left--10 top-1/2 aspect-square w-4.5 translate-y--1/2 transition-colors ease-out c-secondary active:scale-90! hover:c-secondary/80"
+  lg="fixed left-[max(2.5rem,calc(50vw-37.5rem))] top-24 block aspect-square w-4.5 c-secondary/40 transition-colors ease-out hover:c-secondary/80 active:scale-90!"
   aria-label="Go back"
 >
   <GoBackIcon

src/pages/[...posts_slug].astro

@@ -107,19 +107,17 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
   supportedLangs={supportedLangs}
 >
   <article class="heti mb-12.6">
-    <div class="relative">
-      <!-- Go Back Button On Desktop -->
-      <BackButton />
-      <!-- Title -->
-      <h1 class="post-title">
-        <span
-          transition:name={`post-${post.data.abbrlink || post.id}-${lang}`}
-          data-disable-theme-transition
-        >
-          {post.data.title}
-        </span>
-      </h1>
-    </div>
+    <!-- Go Back Button On Desktop -->
+    <BackButton />
+    <!-- Title -->
+    <h1 class="post-title">
+      <span
+        transition:name={`post-${post.data.abbrlink || post.id}-${lang}`}
+        data-disable-theme-transition
+      >
+        {post.data.title}
+      </span>
+    </h1>
 
     <!-- Date -->
     <div