Merge pull request #47785 from sftim/20240904_tidy_docs_portal_cards

Revise docs landing page (Docsy alignment)

Author: k8s-ci-robot

assets/scss/_base.scss

@@ -94,7 +94,7 @@ footer {
 }
 
 main {
-  .button {
+  .button, .portal-button {
     display: inline-block;
     border-radius: 6px;
     padding: 6px 20px;

layouts/partials/docs/docs-portal-card.html

@@ -20,12 +20,9 @@ <h2 id="{{ replace .title " " "-" | lower }}">{{ .title }}</h2>
         {{ end }}
     {{ end }}
     </ul>
-    {{ if .button }}
-      <br>
-      <button id="btn-concepts" class="button" onClick="location.href='{{ .button_path | relLangURL }}';" aria-label="{{ .title }}">{{ .button }}</button>
-      <br>
-      <br>
-    {{ end }}
+    {{- if .button -}}
+    <button class="portal-button" id="btn-{{ replace .title " " "-" | lower }}" onClick="location.href='{{ .button_path | relLangURL }}';" aria-label="{{ .title }}">{{ .button }}</button>
+    {{- end -}}
     </div>
 </div>
 {{ end }}