Frontpage

Workly/src/pages/Home/Home.Modules.css

-
-
-
-
-
-
 .Introduction
 {
   margin-top: 4rem;
@@ -61,12 +55,26 @@
   background-color: black;
   border: none;
   height: 2rem;
-  width: 7rem;
+  width: 8rem;
   border-radius: 0.2rem;
   cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.3rem;
+
 }
 
 .Introduction .Con3
 {
   width: 30%;
+}
+
+
+.ion--paper-plane {
+  width: 1rem;
+  height: 1rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M473 39.05a24 24 0 0 0-25.5-5.46L47.47 185h-.08a24 24 0 0 0 1 45.16l.41.13l137.3 58.63a16 16 0 0 0 15.54-3.59L422 80a7.07 7.07 0 0 1 10 10L226.66 310.26a16 16 0 0 0-3.59 15.54l58.65 137.38c.06.2.12.38.19.57c3.2 9.27 11.3 15.81 21.09 16.25h1a24.63 24.63 0 0 0 23-15.46L478.39 64.62A24 24 0 0 0 473 39.05'/%3E%3C/svg%3E");
 }
\ No newline at end of file

Workly/src/pages/Home/Home.tsx

@@ -15,9 +15,7 @@ const Home = () => {
                     <div className="Description">
                         <p><span className="bold-text">WORKLY.</span> streamlines the job application process by bringing everything into one central system, making it easier for both applicants and employers.</p>
                     </div>
-                    <button className="Start">
-                        START NOW
-                    </button>
+                    <button class="Start">START NOW<span class="ion--paper-plane"></span></button>
                 </div>
                 <div className="Con3"></div>
             </div>