Fix links messing up count

themes/maik-blog/assets/scss/_collapsible-block.scss

@@ -16,8 +16,7 @@
         max-height: 80vh;
         overflow: auto;
 
-        transition: max-height 0.15s ease, padding-top 0.15s ease,
+        transition: max-height 0.15s ease;
-            padding-bottom 0.15s ease;
 
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
@@ -28,15 +27,22 @@
             background-color: darken($dark-background-secondary, 6%);
         }
 
-        padding: 0 1em;
+        &-child {
+            transition: margin 0.15s ease;
 
-        &:has(> :last-child:nth-child(1)),
+            margin: 1em;
-        &:not(:has(*)) {
+
-            padding: 1em;
+            .highlight {
+                margin: 0 -1em;
+
+                &:first-child {
+                    margin-top: -1em;
                 }
 
-        &:has(.highlight) {
+                &:last-child {
-            padding: 0 !important;
+                    margin-bottom: -1em;
+                }
+            }
         }
     }
 
@@ -44,8 +50,6 @@
         ~ .collapsible-block__content {
             max-height: 0;
 
-            padding-top: 0;
-            padding-bottom: 0;
             border-top: none;
             overflow: hidden;
         }

themes/maik-blog/layouts/shortcodes/collapsible-block.html

@@ -12,6 +12,8 @@
       data-label-collapse="{{ .Get "collapse" | default "▽" }}"></span>
   </label>
   <div class="collapsible-block__content">
+    <div class="collapsible-block__content-child">
       {{ .Inner | markdownify }}
     </div>
+  </div>
 </div>