Make buttons look better

Author: FrancescAlted

doc/Caterva2.rst

@@ -12,7 +12,7 @@ On demand access to remote Blosc2 data repositories.
     Getting Started
     ^^^^^^^^^^^^^^^
 
-    New to Caterva2? Check out the getting started guides. They contain an
+    New to Caterva2? Check out the getting started guide. They contain an
     introduction to Caterva2 main concepts.
 
     +++
@@ -22,7 +22,7 @@ On demand access to remote Blosc2 data repositories.
       :color: dark
       :click-parent:
 
-      To the getting started guide
+      Get started!
 
   .. grid-item-card::
     :img-top: _static/index_user_guide.svg
@@ -51,19 +51,12 @@ On demand access to remote Blosc2 data repositories.
 
     +++
 
-    .. button-ref:: reference/index
-      :expand:
-      :color: dark
-      :click-parent:
-
-      To the Python API reference
-
-    .. button-ref:: reference/rest_api
-      :expand:
-      :color: dark
-      :click-parent:
+    .. raw:: html
 
-      To the REST API reference
+       <div class="button-container">
+         <a class="sd-btn sd-btn-dark left-button" href="reference/index.html">Python API</a>
+         <a class="sd-btn sd-btn-dark right-button" href="reference/rest_api.html">REST API</a>
+       </div>
 
   .. grid-item-card::
     :img-top: _static/index_contribute.svg

doc/_static/css/custom.css

@@ -121,3 +121,13 @@ html[data-theme=dark] h1 {
 html[data-theme=dark] h3 {
   color: #0a6774;
 }
+
+.left-button {
+  float: left;
+  width: 48%;
+}
+
+.right-button {
+  float: right;
+  width: 48%;
+}