Fix next-section-link hover bug

src/hbs/partials/components/next-section-link.hbs

@@ -1,7 +1,8 @@
 <a
   href="{{ nextSection.link }}"
-  data-title="{{ nextSection.text }}"
   class="next-section-link {{class}}"
 >
-  {{ nextSection.text }}
+  <div class="next-section-link__wrapper" data-title="{{ nextSection.text }}">
+    {{ nextSection.text }}
+  </div>
 </a>

src/styles/components/_next-section-link.scss

@@ -1,16 +1,19 @@
 .next-section-link {
-  @include hoverDistortion();
-
-  z-index: 1;
   display: block;
   font-family: $base-font-family;
   font-size: 13px;
   font-weight: 500;
   text-transform: uppercase;
 
-  @media #{$screen-md} {
-    &:hover {
-      @include hoverDistortionActive();
+  &__wrapper {
+    @include hoverDistortion();
+
+    z-index: 1;
+
+    @media #{$screen-md} {
+      &:hover {
+        @include hoverDistortionActive();
+      }
     }
   }
 }