updated old client button

src/ButtonNew.tsx

@@ -3,6 +3,7 @@ import './buttonNew.scss'
 function ButtonNew() {
     return (
         <div className="client newclient">
+            <div className="content"></div>
             <div className="new-button">Start</div>
         </div>
     )

src/ButtonOld.tsx

@@ -1,10 +1,16 @@
 import './buttonOld.scss'
+import oldclientWave from '/oldclient-wave.svg'
 
 function ButtonOld() {
     return (
         <div className="client oldclient">
             <div className="oldclient-inner">
-                <div className="old-button">STA RT</div>
+                <div className="content">
+                    <img src={oldclientWave} />
+                    <div>JOIN WITH THE</div>
+                    <div>OLD CLIENT</div>
+                </div>
+                <div className="old-button">START</div>
             </div>
         </div>
     )

src/buttonNew.scss

@@ -8,12 +8,15 @@
     border-radius: 5px;
 
     display: flex;
-    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+
+    .content {
+        flex-grow: 1;
+    }
 }
 
 .new-button {
-    align-self: flex-end;
-
     display: inline-block;
     user-select: none;
 

src/buttonOld.scss

@@ -1,12 +1,20 @@
 @font-face {
     font-family: 'CCFaceFront Italic';
-    src: url('/CCFaceFront Italic.ttf') format('opentype');
+    src: url('/CCFaceFront-BoldItalic.woff2') format('opentype');
 }
 
 .oldclient {
     border: 10px solid #0062b6;
     border-radius: 40px;
     
+    color: white;
+    font-family: 'CCFaceFront Italic', Helvetica, Arial, sans-serif;
+    text-decoration: none;
+    font-size: 30px;
+    font-style: italic;
+    text-align: center;
+
+
     background: linear-gradient(0deg, #016ec1 0%, #0280cd 100%);
 
     padding: 5px;
@@ -28,25 +36,29 @@
         width: 100%;
         height: 100%;
         display: flex;
-        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+
+        .content {
+            flex-grow: 1;
+
+            text-align: center;
+            padding: 20px;
+
+            img {
+                width: 100%;
+                height: 70%;
+                margin-bottom: 30px;
+            }
+        }
     }
 }
 
 .old-button {
-    align-self: flex-end;
-
     display: inline-block;
     user-select: none;
 
-    color: white;
-    font-family: 'CCFaceFront Italic', Helvetica, Arial, sans-serif;
-    letter-spacing: -0.7rem;
-    word-spacing: 0.65rem;
-    text-decoration: none;
     font-size: 40px;
-    font-style: italic;
-    text-align: center;
-
     -webkit-text-stroke: 6px black;
     paint-order: stroke fill;
 

src/buttons.scss

@@ -9,8 +9,6 @@
     align-items: center;
     justify-content: center;
 
-    // background: #00529B;
-
     .client {
         width: 500px;
         height: 800px;