turn verticalposts shortcode into partial

assets/scss/blog.scss

@@ -11,6 +11,7 @@
 // partials
 @import "partials/sidebar";
 @import "partials/footer";
+@import "partials/moreposts";
 @import "partials/helpers/icons.scss";
 
 #blog-header {

assets/scss/home.scss

@@ -5,9 +5,6 @@
 // fonts
 @import "fonts/playfair";
 
-// shortcodes
-@import "shortcodes/verticalposts";
-
 // partials
 @import "partials/sidebar";
 @import "partials/footer";
@@ -73,26 +70,4 @@ main > p {
     &:last-of-type {
         margin-bottom: 8rem;
     }
-}
-
-section {
-    position: relative;
-    h2 {
-        .more{
-            font-size: .75em;
-            font-weight: normal;
-            hyphens: none;
-            &::after {
-                content: "\27F6";
-                margin-left: .25em;
-                transition: margin .5s;
-            }
-            &:hover::after {
-                margin-left: .5em !important;
-            }
-        }
-        &:hover .more::after {
-            margin-left: .35em;
-        }
-    }
 }

assets/scss/partials/moreposts.scss

@@ -1,7 +1,23 @@
-.verticalposts {
+.moreposts {
     hyphens: auto;
     margin-top: 4em;
-    .verticalposts-wrapper {
+    .more{
+        font-size: .75em;
+        font-weight: normal;
+        hyphens: none;
+        &::after {
+            content: "\27F6";
+            margin-left: .25em;
+            transition: margin .5s;
+        }
+        &:hover::after {
+            margin-left: .5em !important;
+        }
+    }
+    &:hover .more::after {
+        margin-left: .35em;
+    }
+    .moreposts-wrapper {
         border-radius: .5em;
         display: flex;
         flex-direction: row;