💄 style: redesign post listing and other minor changes

sass/parts/_misc.scss

@@ -40,10 +40,13 @@ ul {
 }
 
 .title-container {
-  border-bottom: var(--secondary-color) solid 0.5px;
   padding-bottom: 15px;
 }
 
+.bottom-divider {
+  border-bottom: var(--secondary-color) solid 0.5px;
+}
+
 ::-moz-selection {
   background: var(--primary-color);
   color: var(--hover-color);
@@ -77,21 +80,33 @@ blockquote {
 }
 
 a {
-  color: var(--text-color);
-  text-decoration-color: var(--links);
-  font-weight: 580;
-}
-
-p a {
   color: var(--accent-color);
   text-decoration: inherit;
   font-weight: inherit;
+  position: relative;
 }
 
 a:hover {
   background-color: var(--primary-color);
   color: var(--hover-color);
 }
+
+a:not(.no-hover-padding)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -0.15em;
+  right: -0.15em;
+  z-index: -1;
+  background-color: var(--primary-color);
+  opacity: 0;
+}
+
+a:not(.no-hover-padding):hover::before {
+  opacity: 1;
+}
+
 /* Remove post list padding */
 @media screen and (max-width: 600px) {
   .list > ul {