rearranged css

src/ButtonNew.tsx

@@ -9,7 +9,7 @@ function ButtonNew() {
                 <div>Join with the</div>
                 <div>New Client</div>
             </div>
-            <div className="new-button">Start</div>
+            <div className="button">Start</div>
         </div>
     )
 }

src/ButtonOld.tsx

@@ -10,7 +10,7 @@ function ButtonOld() {
                     <div>JOIN WITH THE</div>
                     <div>OLD CLIENT</div>
                 </div>
-                <div className="old-button">START</div>
+                <div className="button">START</div>
             </div>
         </div>
     )

src/buttonNew.scss

@@ -29,9 +29,8 @@
 
         text-align: center;
     }
-}
 
-.new-button {
+    .button {
         display: inline-block;
         user-select: none;
 
@@ -57,4 +56,5 @@
         &:hover {
             background: linear-gradient(-180deg, #004093 0%, #22a4f3 100%);
         }
+    }
 }

src/buttonOld.scss

@@ -48,9 +48,8 @@
             text-align: center;
         }
     }
-}
 
-.old-button {
+    .button {
         display: inline-block;
         user-select: none;
 
@@ -91,4 +90,5 @@
                 rgb(30, 125, 191) 100%
             );
         }
+    }
 }