Add Katacoda Embedded Live Environment (#10276)

* Create kat-button

* Update test.md

* Update test.md

* Update test.md

* Update style-guide.md

* Update style-guide.md

* Update style-guide.md

* Update style-guide.md

* Update style-guide.md

* code highlight fix

content/en/docs/contribute/style/style-guide.md

@@ -263,6 +263,29 @@ The output is:
 **Warning:** Beware.
 {{< /warning >}}
 
+### Katacoda Embedded Live Environment
+
+This button lets users run Minikube in their browser using the [Katacoda Terminal](https://www.katacoda.com/embed/panel). 
+It lowers the barier of entry by allowing users to use Minikube with one click instead of going through the complete 
+Minikube and Kubectl installation process locally.
+
+The Embedded Live Environment is configured to run `minikube start` and lets users complete tutorials in the same window 
+as the documentation.
+
+{{< caution >}}
+**Caution:** The session is limited to 15 minutes.
+{{< /caution >}}
+
+For example:
+
+```
+{{</* kat-button */>}}
+```
+
+The output is: 
+
+{{< kat-button >}}
+
 ## Common Shortcode Issues
 
 ### Ordered Lists

content/en/docs/test.md

@@ -346,3 +346,7 @@ To add shortcodes to includes.
 {{< note >}}
 {{< include "federation-current-state.md" >}}
 {{< /note >}}
+
+## Katacoda Embedded Live Environment
+
+{{< kat-button >}}

layouts/shortcodes/kat-button

@@ -0,0 +1,3 @@
+<div id="my-panel" data-katacoda-ondemand="true" data-katacoda-env="minikube" data-katacoda-command="minikube version; minikube start" data-katacoda-ui="panel"></div>
+<script src="https://katacoda.com/embed.js"></script>
+<button class="button" onclick="window.katacoda.init(); ">Launch Terminal</button>