Add button style to the install

core/install/resources/views/template.htm

@@ -24,7 +24,6 @@
 				bottom: 0;
 				left: 0;
 				text-align: center;
-
 				background-image: url('/themes/default/images/backgrounds/yellowstone_4.jpg');
 				background-size: 100% 100%;
 				background-position: top;
@@ -58,13 +57,58 @@
 				-moz-box-shadow: 0 1px 4px rgba(0,0,0,0);
 				box-shadow: 0 1px 4px rgba(0,0,0,0);
 				padding: 20px;
-				margin-top: 65px;               
+				margin-top: 65px;
 				text-align: left;
 				color: #5f5f5f;
 				font-size: 12px;
 				font-family: arial;
 			}
 
+			.btn {
+				align-items: center;
+				background-color: initial;
+				background-image: linear-gradient(#464d55, #25292e);
+				border-radius: 8px;
+				border-width: 0;
+				box-shadow: 0 2px 3px rgba(0, 0, 0, .3),0 2px 3px rgba(0, 0, 0, .05);
+				box-sizing: border-box;
+				color: #fff;
+				cursor: pointer;
+				display: inline-flex;
+				flex-direction: column;
+				font-family: expo-brand-demi,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+				font-size: 14px;
+				height: 30px;
+				justify-content: center;
+				line-height: 1;
+				margin: 0;
+				outline: none;
+				overflow: hidden;
+				padding: 0 16px;
+				text-align: center;
+				text-decoration: none;
+				transform: translate3d(0, 0, 0);
+				transition: all 150ms;
+				vertical-align: baseline;
+				white-space: nowrap;
+				user-select: none;
+				-webkit-user-select: none;
+				touch-action: manipulation;
+			}
+
+			.btn:hover {
+			  box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
+			  opacity: .85;
+			}
+
+			.btn:active {
+				outline: 0;
+			}
+
+			.btn:focus {
+				box-shadow: rgba(0, 0, 0, .5) 0 0 0 3px;
+			}
+
 			pre {
 				white-space: pre-wrap;
 				color: #5f5f5f;