layout tracker

src/pages/Tracker/Tracker.jsx

@@ -225,8 +225,16 @@ export const Tracker = () => {
                     setModalCreateProject(true);
                   }}
                 >
-                  <img src={addProjectImg} alt="#"></img>
-                  <p className="create-project-btn__text">Добавить проект</p>
+                  <p className="create-project-btn__text">
+                    Добавить новый проект
+                  </p>
+                  <div className="create-project-btn__content">
+                    <img src={addProjectImg} alt="#"></img>
+                    <p>
+                      Ставьте задачи, следите за прогрессом, ведите учёт
+                      рабочего времени
+                    </p>
+                  </div>
                 </BaseButton>
               </>
             )}

src/pages/Tracker/tracker.scss

@@ -162,21 +162,35 @@
         }
 
         .create-project-btn {
-          width: 300px;
-          height: 83px;
+          width: 22%;
+          height: 170px;
           border-radius: 12px;
           background: #ecf8e5;
           color: #000000;
           display: flex;
-          align-items: center;
-          justify-content: center;
+          flex-direction: column;
+          justify-content: flex-start;
           transition: 0.4s;
+          padding: 10px 10px;
 
           &__text {
-            text-align: left;
-            font-weight: 400;
+            color: #1458dd;
+            text-align: center;
+            font-weight: 700;
             font-size: 18px;
-            margin-left: 15px;
+            margin: 0 0 25px 0;
+          }
+
+          &__content {
+            display: flex;
+            align-items: center;
+            margin: 0 20px 0 20px;
+            font-size: 10px;
+            font-weight: 400;
+
+            img {
+              margin: 0 20px 0 0;
+            }
           }
 
           &:hover {