respect reduced motion preference

assets/scss/partials/moreposts.scss

@@ -1,22 +1,27 @@
 .moreposts {
     hyphens: auto;
     margin-top: 4em;
+
     .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;
@@ -24,6 +29,7 @@
         gap: 1em;
         overflow-x: scroll;
         scroll-snap-type: x proximity;
+
         .post-group {
             color: var(--vriish-gradient-text);
             background: var(--vriish-gradient);
@@ -33,15 +39,18 @@
             scroll-snap-align: start;
             min-width: 15em;
             width: 33.333%;
+
             .title {
                 flex: auto;
                 margin: 1em;
             }
+
             aside {
                 margin: 1em;
             }
         }
     }
+
     a {
         text-decoration: none;
     }