docs: make getting started button clearer (#7513) (#7515)

Co-authored-by: Michael Drogalis <[email protected]>
confluentinc · May 12, 2021 · d83a8be · d83a8be
1 parent 0769389
commit d83a8be
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -9,6 +9,8 @@ keywords: ksqldb
 [ksqlDB](https://ksqldb.io/) is a database purpose-built
 for stream processing applications on top of {{ site.aktm }}.
 
+[Get Started](https://ksqldb.io/quickstart.html){ .md-button .md-button--top-level }
+
 ## Try it
 
 <div class="cards">

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -155,3 +155,15 @@ ul.card-items li {
 .card.reference {
     border-top: 3.5px solid #66CC69;
 }
+
+.md-button--top-level {
+    background-color: #ef5762;
+    border-color: #ef5762 !important;
+    color: #ffffff !important;
+}
+
+.md-typeset .md-button:focus, .md-typeset .md-button:hover {
+    opacity: 0.85 !important;
+    background-color: #ef5762 !important;
+    border-color: #ef5762 !important;
+}