orange button and welcome page fixed

src/view/cmp/button/button.scss

@@ -121,10 +121,36 @@
   }
 }
 
-.button--thirdery {
-  background: $persimmon;
-  color: #fff
+.button-orange {
+	color: $bg-main;
+	background-color: $persimmon;
+	border-color: $persimmon;
+
+	@media (max-width: $mobile) {
+		font-size: 16px;
+	}
+
+	&:hover,
+	&:active {
+		color: $bg-main;
+		background-color: darken($persimmon, 10%);
+		border-color: darken($persimmon, 10%);
+	}
+
+	&:focus {
+		color: $bg-main;
+		background-color: $persimmon;
+		border-color: lighten($persimmon, 10%);
+		outline: none;
+	}
+
+	&:disabled {
+		color: $bg-main;
+		background-color: $gray-medium;
+		border-color: $gray-medium;
+	}
 }
+
 .button--bordered {
   padding: 5px 44px;
   min-width: 200px;

src/view/page/account/welcomePage.scss

@@ -246,5 +246,6 @@
 }
 
 button.welcome-page__button--wide {
+	padding-left: 20px;
 	min-width: 275px;
 }

src/view/page/test/demo/WelcomeDemoFinal.jsx

@@ -4,7 +4,9 @@ import Arr from "/svg/arr.svg";
 import Info from "/view/block/info/Info";
 
 const WelcomeDemoFinal = D.declare( 'view.page.WelcomeDemoFinal', () => {
-  return <Info
+  return <div className="welcome-page">
+    <div className="welcome-page__wrapper">
+      <Info
         img={
           <picture>
             <source srcset="/uploads/images/assistant-final-mob.svg" media={"(max-width: 767px)"}/>
@@ -12,7 +14,7 @@ const WelcomeDemoFinal = D.declare( 'view.page.WelcomeDemoFinal', () => {
           </picture>
         }
         buttons={[
-      <Button class={"button button--thirdery welcome-page__button"} type={"button"}
+          <Button class={"button button--primary button-orange welcome-page__button welcome-page__button--wide"} type={"button"}
             onclick={ACTION.TEST.DEMO.GOTO_FINAL_LAST_NOTIFICATION.execute}>
             <span>Начать тестирование</span><Arr width="17" height="11"/>
           </Button>
@@ -25,6 +27,8 @@ const WelcomeDemoFinal = D.declare( 'view.page.WelcomeDemoFinal', () => {
           </div>
         </div>
       </Info>
+    </div>
+  </div>
 } );
 
 export default WelcomeDemoFinal;

src/view/page/test/demo/WelcomeDemoFinalLastNotification.jsx

@@ -4,7 +4,9 @@ import Arr from "/svg/arr.svg";
 import Info from "/view/block/info/Info";
 
 const WelcomeDemoFinalLastNotification = D.declare( 'view.page.WelcomeDemoFinalLastNotification', () => {
-  return             <Info
+  return <div className="welcome-page">
+    <div className="welcome-page__wrapper">
+      <Info
         img={
           <picture>
             <source srcset="/uploads/images/assistant-warning-mob.svg" media={"(max-width: 767px)"}/>
@@ -12,7 +14,7 @@ const WelcomeDemoFinalLastNotification = D.declare( 'view.page.WelcomeDemoFinalL
           </picture>
         }
         buttons={[
-      <Button class={"button button--thirdery welcome-page__button welcome-page__button--wide"} type={"button"}
+          <Button class={"button button--primary button-orange welcome-page__button welcome-page__button--wide"} type={"button"}
                   onclick={ACTION.TEST.DEMO.GOTO_FINAL_TEST.execute}
           >
             <span>Я готов! Начать</span><Arr width="17" height="11"/>
@@ -25,6 +27,8 @@ const WelcomeDemoFinalLastNotification = D.declare( 'view.page.WelcomeDemoFinalL
           </div>
         </div>
       </Info>
+    </div>
+  </div>
 } );
 
 export default WelcomeDemoFinalLastNotification;