Beautify heading style (margin, anchor)

_sass/addon/commons.scss

@@ -47,7 +47,7 @@ h1 {
 h2 {
   @extend %heading;
   @extend %section;
-  @extend %anchor-relative;
+  @extend %anchor;
 
   font-size: 1.5rem;
 }

_sass/addon/module.scss

@@ -13,13 +13,17 @@
 %section {
   #core-wrapper & {
     margin-top: 2.5rem;
-    margin-bottom: 2rem;
+    margin-bottom: 1.25rem;
+
+    &:focus {
+      outline: none; // avoid outline in Safari
+    }
   }
 }
 
 %anchor {
   .anchor {
-    font-size: 1rem;
+    font-size: 80%;
   }
 
   @media (hover: hover) {
@@ -39,15 +43,6 @@
   }
 }
 
-%anchor-relative {
-  @extend %anchor;
-
-  .anchor {
-    position: relative;
-    bottom: 1px;
-  }
-}
-
 %tag-hover {
   background: var(--tag-hover);
   transition: background 0.35s ease-in-out;