quick style changes to buttons

assets/styles/layouts/_article.scss

@@ -153,6 +153,19 @@
       width: 100%;
       text-align: center;
       padding: 1rem;
+
+      .oss:after {
+        content: 'beta';
+        display: inline-block;
+        position: relative;
+        font-style: italic;
+        font-size: .75em;
+        margin-left: .15rem;
+        padding: .1rem .4rem .12rem;
+        border-radius: 1rem;
+        border: 1px solid rgba($g20-white, .5);
+        top: -1px
+      }
     }
   }
 }

assets/styles/layouts/_feature-callouts.scss

@@ -27,13 +27,23 @@
     }
   }
 
+  .new {
+    display: inline-block;
+    position: relative;
+    margin-right: .25rem;
+    font-size: .8rem;
+    padding: .1rem .35rem;
+    background: rgba($g20-white, .25);
+    border-radius: 1rem;
+  }
+
   .close {
     margin-left: .5rem;
     color: rgba($g20-white, .5);
     text-decoration: none;
 
     &:hover {
-      color: $g20-white;
+      color: rgba($g20-white, .9);
     }
   }
 }

assets/styles/layouts/_landing.scss

@@ -133,8 +133,8 @@
           font-style: italic;
           font-size: .75em;
           margin-left: .45rem;
-          padding: .1rem .3rem .12rem;
-          border-radius: $radius;
+          padding: .1rem .4rem .12rem;
+          border-radius: 1rem;
           border: 1px solid rgba($landing-btn-text, .5);
           transition: border-color .2s;
         }

content/v2.0/get-started.md

@@ -18,7 +18,7 @@ version of InfluxDB 2.0.
 
 <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 (beta)</a>
+  <a class="btn" href="#start-with-influxdb-oss">Start with InfluxDB OSS <span class="oss"></span></a>
 </div>
 
 _See [Differences between InfluxDB Cloud and InfluxDB OSS](#differences-between-influxdb-cloud-and-influxdb-oss)._

layouts/partials/footer/feature-callout.html

@@ -1,3 +1,3 @@
 <div class="feature-callout start-position" id="callout-url-selector">
-  <p><span>New!</span> Cloud or OSS? <a href="#" class="close"><span class="icon-ui-remove"></span></a></p>
+  <p><span class="new">New!</span> Cloud or OSS? <a href="#" class="close"><span class="icon-ui-remove"></span></a></p>
 </div>