Fix anchor in tags

assets/styles/components/buttons.scss

@@ -59,12 +59,17 @@
     background: get-light-color('accent-color');
     margin-left: 0.2em;
     margin-right: 0.2em;
-    margin-top: 0.6em;
-    margin-bottom: 0.6em;
+    margin-top: 0.4em;
+    margin-bottom: 0.4em;
   }
-  a {
+  button {
+    background-color: transparent;
+    border: none;
     color: get-light-color('text-over-accent-color');
-    text-decoration: none !important;
+    padding-top: 0.1rem;
+    padding-bottom: 0.1rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
 }
 
@@ -146,7 +151,7 @@ html[data-theme='dark'] {
   .tags {
     li {
       background: get-dark-color('accent-color');
-      a {
+      button {
         background-color: get-dark-color('bg-card');
         border: 1px solid get-dark-color('muted-text-color');
         color: get-dark-color('text-over-accent-color');
@@ -173,4 +178,4 @@ html[data-theme='dark'] {
       background-color: get-dark-color('hover-over-accent-color') !important;
     }
   }
-}
+}

layouts/partials/misc/tags.html

@@ -1,8 +1,8 @@
 <div class="tags">
-    <ul style="padding-left: 0;">
-      {{ range . }}
-      {{ $url:= printf "tags/%s/" . }}
-      <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</a></li>
-      {{ end }}
-    </ul>
+  <ul style="padding-left: 0;">
+    {{ range . }}
+    {{ $url:= printf "tags/%s/" . }}
+    <li class="rounded"><button href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</button></li>
+    {{ end }}
+  </ul>
 </div>