Added ui btn and fixed Modals

src/components/UI/FreeDevelopers/FreeDevelopers.jsx

@@ -1,12 +1,12 @@
 import React from "react";
+import { Link } from "react-router-dom";
 
 import AuthHeader from "../../AuthHeader/AuthHeader";
 import SideBar from "../../SideBar/SideBar";
 import { Footer } from "../../Footer/Footer";
-
-import { Link } from "react-router-dom";
 import { scrollToForm } from "../../../helper";
 import { ProfileBreadcrumbs } from "../../ProfileBreadcrumbs/ProfileBreadcrumbs";
+import Button from "../../Common/Button/Button";
 
 import mockWorker from "../../../assets/images/mock/mokPerson.png";
 import arrow from "../../../assets/icons/arrows/arrow_left.png";
@@ -42,9 +42,9 @@ export const FreeDevelopers = ({}) => {
               <div></div>
             </div>
           </div>
-          <button className="button-green" onClick={scrollToForm}>
+          <Button onClick={scrollToForm} styles={"dev-code"}>
             Код разработчика
-          </button>
+          </Button>
         </div>
 
         <div className="free-dev__body">
@@ -84,14 +84,13 @@ export const FreeDevelopers = ({}) => {
             </div>
           </div>
 
-          <div className="logIn">
+          <div className="login">
             <h3>Для просмотра полного резюме разработчика авторизуйтесь</h3>
-            <Link to={"/auth"} className="button-green">
-              Войти
-            </Link>
+            <Button styles={"dev-code"}>
+              <Link to={"/auth"}>Войти</Link>
+            </Button>
           </div>
         </div>
-
         <Footer />
       </div>
     </section>

src/components/UI/FreeDevelopers/freeDevelopers.scss

@@ -118,7 +118,7 @@
       }
     }
 
-    .logIn {
+    .login {
       position: absolute;
       bottom: 75px;
       border: 3px solid #52b709;
@@ -140,10 +140,8 @@
       }
 
       a {
-        width: 140px;
-        height: 50px;
         color: white;
-        text-decoration: none;
+        width: 100%;
       }
 
       @media (max-width: 920px) {
@@ -156,7 +154,7 @@
           text-align: center;
         }
 
-        a {
+        button {
           margin-top: 15px;
           height: 25px;
           height: 40px;
@@ -229,17 +227,9 @@
   }
 }
 
-.button-green {
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  background: #52b709;
-  border-radius: 44px;
+.dev-code {
   width: 202px;
   height: 50px;
   font-weight: 500;
   font-size: 16px;
-  line-height: 32px;
-  color: #ffffff;
-  border: none;
 }