diff --git a/src/partials/onboard-modal.html b/src/partials/onboard-modal.html
index c1e9594..3067253 100644
--- a/src/partials/onboard-modal.html
+++ b/src/partials/onboard-modal.html
@@ -1,12 +1,23 @@
 <div class="tac">
-	<svg width="130px" height="50px">
+	<svg width="130px" height="50px" aria-hidden="true">
 		<use xlink:href="#logo" />
 	</svg>
-	<h1 style="margin-top:20px">Welcome to Web Maker</h1>
+	<h1 style="margin-top:20px">Welcome to Web Maker<span class="show-when-app"> 3.0 (beta)</span></h1>
 </div>
 
-<div class="flex" style="margin-top;: 100px;">
-	<div class="onboard-step">
+<div class="flex" style="margin-top:40px;">
+	<div class="onboard-step show-when-app">
+		<div class="tac">
+			<svg class="onboard-step__icon" viewBox="0 0 24 24">
+				<path d="M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z"
+				/>
+			</svg>
+		</div>
+		<p>
+			Open Web Maker anytime by visiting <a>https://webmakerapp.com/app/</a> - Even when you are offline! It just works! 😱
+		</p>
+	</div>
+	<div class="onboard-step show-when-extension">
 		<div class="tac">
 			<svg class="onboard-step__icon" viewBox="0 0 24 24">
 				<path d="M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z"
@@ -49,5 +60,5 @@
 
 
 <p class="tac">
-	<button class="btn" d-click="closeAllOverlays">Lets start!</button>
+	<button class="btn btn--primary" d-click="closeAllOverlays">Lets start!</button>
 </p>
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 1a73a13..c90146c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -2,6 +2,7 @@
 	--color-bg: #252637;
 	--color-sidebar: #3a2b63;
 	--code-font-size: 16px;
+	--color-button: #0074d9;
 }
 body {
 	margin: 0;
@@ -121,15 +122,19 @@ textarea {
 }
 .btn {
 	display: inline-block;
-	border: 0;
-	background: #0074d9;
-	color: white;
+	color: var(--color-button);
 	font-size: inherit;
-	border-radius: 3px;
-	padding: 7px 15px;
+	border: 3px solid var(--color-button);
+	border-radius: 5px;
+	padding: 9px 15px;
 	cursor: pointer;
 	transition: box-shadow 0.2s ease;
 }
+.btn--primary {
+	background: var(--color-button)
+		linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, transparent);
+	color: white;
+}
 .btn--big {
 	padding: 15px 30px;
 	border-radius: 3px;
@@ -140,7 +145,7 @@ textarea {
 }
 .btn:hover {
 	text-decoration: none;
-	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
+	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
 }
 .btn:focus {
 	outline-width: 4px;
@@ -164,7 +169,7 @@ textarea {
 	display: none;
 }
 .is-loading > svg {
-	display:none;
+	display: none;
 }
 .is-loading .btn-loader {
 	display: block;
@@ -190,13 +195,12 @@ textarea {
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-	will-change: -webkit-filter;
 	transition: 0.1s ease 0.2s;
+	will-change: filter;
 }
 body:not(.light-version).overlay-visible .main-container {
 	transition-duration: 0.5s;
 	transition-delay: 0.4s;
-	-webkit-filter: blur(3px);
 	filter: blur(3px);
 }
 .code-side,
@@ -631,6 +635,8 @@ body > #demo-frame {
 	border-radius: 50%;
 	padding: 10px 14px;
 	background: crimson;
+	color: white;
+	border: 0;
 	transform: scale(0);
 	will-change: transform, opacity;
 	transition: 0.3s ease;
@@ -1105,10 +1111,14 @@ body > #demo-frame {
 	display: none;
 }
 .social-login-btn--github {
+	color: white;
 	background: #656b6f;
+	border-color: #656b6f;
 }
 .social-login-btn--facebook {
+	color: white;
 	background: #4e62c0;
+	border-color: #4e62c0;
 }
 .social-login-btn--google {
 	background: white;