Further redesign 2

src/layouts/baseSection.astro

@@ -30,27 +30,21 @@ const { title } = Astro.props
     padding: 1em;
     position: relative;
   }
-  div h1 {
+  h1 {
     font-size: 40px;
-    line-height: 48px;
     letter-spacing: -1px;
     color: var(--c-primary-text);
-    margin-bottom: 0px;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 0.25rem 1.5rem;
-    border-radius: 0.5rem;
+    margin: 0 auto 0px;
+    padding: 0.25rem 1.5rem 0.5rem;
     max-width: max-content;
-    padding-bottom: 0.5rem;
-  }
-
-  h1:after {
-    content:' ';
-    display: block;
-    width: 62.5%;
-    margin: auto;
-    border: 2px solid var(--c-accent-1);
-    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
+    &:after {
+      content:' ';
+      display: block;
+      width: 65%;
+      height: 3px;
+      margin: auto;
+      background-color: var(--c-accent-1);
+    }
   }
 
   @media (min-width: 512px) {