Handle when tabs have both codeblock and footer

Author: satya164

src/css/custom.css

@@ -678,8 +678,14 @@ header {
 }
 
 .tabs-container:has(
-    > .margin-top--md > [role='tabpanel'] > .theme-code-block:only-child
-  ):not(:has(> .margin-top--md > [role='tabpanel'] > :nth-child(2))) {
+  > .margin-top--md > [role='tabpanel'] > .theme-code-block:only-child
+),
+.tabs-container:has(
+  > .margin-top--md
+    > [role='tabpanel']
+    > .theme-code-block:first-child
+    + .code-block-footer:last-child
+) {
   & > .margin-top--md {
     margin-top: 0 !important;
   }
@@ -715,7 +721,7 @@ header {
     border-bottom-color: var(--ifm-tabs-color-active-border);
   }
 
-  & [role='tabpanel'] > .theme-code-block:only-child {
+  & [role='tabpanel'] > .theme-code-block:first-child {
     border-top: none;
     border-top-left-radius: 0;
     border-top-right-radius: 0;