updated and added styles for getting started anchor buttons

assets/styles/layouts/_article.scss

@@ -138,6 +138,22 @@
     transition: opacity .2s;
     &:hover {opacity: 1;}
   }
+
+  /////////////////////////// Getting Started Buttons //////////////////////////
+  .get-started-btns {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    margin-bottom: 2rem;
+
+    a.btn {
+      max-width: 300px;
+      width: 100%;
+      text-align: center;
+      padding: 1rem;
+    }
+  }
 }
 
 ////////////////////////////////////////////////////////////////////////////////

assets/styles/layouts/article/_product-tags.scss

@@ -1,5 +1,5 @@
 .product-tags {
-  margin-top: -2rem;
+  margin: -2rem 0 2.5rem;
   span {
     margin-right: .25rem;
     padding: .2rem .65rem .25rem;

content/v2.0/get-started.md

@@ -16,17 +16,15 @@ Start with **InfluxDB Cloud 2.0**, a fully managed and hosted version of InfluxD
 or **InfluxDB OSS 2.0 _(beta)_**, the open source
 version of InfluxDB 2.0.
 
----
-
-<p style="text-align: center">
+<div class="get-started-btns">
   <a class="btn" href="#start-with-influxdb-cloud-2-0">Start with InfluxDB Cloud</a>
-  <a class="btn" href="#start-with-influxdb-oss">Start with InfluxDB OSS</a>
-</p>
-
----
+  <a class="btn" href="#start-with-influxdb-oss">Start with InfluxDB OSS (beta)</a>
+</div>
 
 _See [Differences between InfluxDB Cloud and InfluxDB OSS](#differences-between-influxdb-cloud-and-influxdb-oss)._
 
+---
+
 ## Start with InfluxDB Cloud 2.0
 
 ### Start for free

layouts/partials/article/product-tags.html

@@ -1,5 +1,5 @@
+{{ if .Params.products }}
 <p class="product-tags">
-  {{ if .Params.products }}
     {{ range .Params.products }}
       {{ $product := . }}
       {{ $scratch := newScratch }}
@@ -8,5 +8,5 @@
       {{ if eq $product "enterprise"}}{{ $scratch.Set "product-tag" "Enterprise" }}{{ end }}
       <span class="{{ . }}">InfluxDB {{ $scratch.Get "product-tag"}}</span>
     {{ end }}
-  {{ end }}
 </p>
+{{ end }}