if navtype is circles and infinite scrolling is enabled load more link looks more like a button, similar to the circles pagination

assets/scss/style.scss

@@ -416,3 +416,20 @@ ul.list {
         }
     }
 }
+
+.loadMoreButton {
+    text-align: center;
+    font-size: 1.2rem;
+    font-weight: bold;
+    &.buttonLike {
+        a {
+            border-radius: 10px;
+            background-color: $highlight_bg_color;
+            padding: 15px;
+            border-bottom: none;
+            &:hover, &:focus {
+                background-color: $accent_color;
+            }
+        }
+    }
+}

layouts/partials/paginator.html

@@ -1,6 +1,6 @@
 {{ if .Site.Params.infiniteScrolling }}
 {{- partial "js_paginator.html" . -}}
-<script>
+    <script>
         var nextPage = '/index.json';
         function getNext(first=false) {
             if (!nextPage) return;
@@ -9,7 +9,7 @@
                 nextPage = res['next'];
                 if (first) {
                     document.getElementById('getNextBtnContainer').innerHTML += `
-                    <div style="text-align: center; font-size: 1.3em; font-weight: bold;">
+                       <div class="loadMoreButton {{ if eq .Site.Params.navtype "circles"}}buttonLike{{ end }}">
                             <a style="cursor: pointer" onclick="getNext();">
                                 Load more articles
                             </a>
@@ -22,7 +22,7 @@
             });
         }
         getNext(true);
-</script>
+    </script>
 {{ end }}
 {{ if .Site.Params.infiniteScrolling }}<noscript>{{ end }}
 {{ if gt .Paginator.TotalPages 1 }}