Finished adaptation for mobile

src/pages/AuthForPartners/AuthForPartners.js

@@ -44,15 +44,18 @@ const AuthForPartners = () => {
             </div>
             <div className="buttons">
               <Link to={"/authdev"}>
-                <button className="change-mode__developers">
+                <button className="change-mode__developersForPart">
                   Для разработчика
                 </button>
               </Link>
               <Link to={"/auth"}>
-                <button className="change-mode__partners">Для партнёров</button>
+                <button className="change-mode__partnersForPart">
+                  Для партнёров
+                </button>
               </Link>
             </div>
           </div>
+
           <div className="row">
             <div className="col-12 col-xl-6">
               <div className="auth-partners__box">

src/pages/AuthForPartners/authForPartners.scss

@@ -70,26 +70,37 @@
     }
   }
 
-  &__partners {
-    width: 220px;
-    height: 50px;
+  &__partnersForPart {
     background: #406128;
-    border-radius: 44px;
     color: white;
-    font-size: 16px;
-    border: none;
     margin-left: -40px;
   }
 
-  &__developers {
+  &__partnersForPart,
+  &__developersForPart {
     width: 220px;
     height: 50px;
-    background-color: #52b7098c;
     border-radius: 44px;
-    color: #2d6505;
     font-size: 16px;
     border: none;
   }
+
+  &__developersForPart {
+    background-color: #52b7098c;
+    color: #2d6505;
+  }
+
+  @media (max-width: 768px) {
+    .buttons {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    &__partnersForPart {
+      margin: 15px 0 0 0;
+    }
+  }
 }
 
 @media (max-width: 575.98px) {