fix error with vision for btn play

luckydiamond/src/assets/css/PagesStyles/home.css

@@ -156,8 +156,6 @@
     background: #EF4444;
     filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
     border-radius: 40px;
-    width: 50%;
-    height: 100%;
     margin: 0 0 18px 35px;
 }
 
@@ -179,6 +177,9 @@
     padding: 11px 11px;
     text-decoration: none;
     text-transform: uppercase;
+    position: relative;
+    bottom: 5%;
+    left: 2%;
 }
 
 .line__btn--elm {
@@ -202,4 +203,12 @@
     margin-bottom: 30px;
 }
 
+.gamemode__twoline--first__element {
+    background: #EF4444;
+    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
+    border-radius: 40px;
+    width: 40%;
+    margin: 18px 36px 0 35px;
+}
+
 /* /GameMode */

luckydiamond/src/pages/HomePage.vue

@@ -39,6 +39,7 @@
             </li>
           </ul>
         </div>
+        <div class="gamemode__lines">
           <div class="gamemode__firstline">
             <ul>
               <li
@@ -57,6 +58,19 @@
               </li>
             </ul>
           </div>
+          <div class="gamemode__twoline--first__element">
+            <ul>
+              <li
+                  v-for="mode in twolinefirstelementGameMode"
+                  :key="mode"
+              >
+                <div :class="'linecontent-' + mode.id">
+                  <h3>{{ mode.title }}</h3>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
         </div>
     </section>
   </div>
@@ -90,8 +104,8 @@ export default {
     firstlineGameMode() {
       return this.GameModes.filter(mode => [2].includes(mode.id))
     },
-    twolineGameMode() {
-      return this.GameModes.filter(mode => [3, 4].includes(mode.id))
+    twolinefirstelementGameMode() {
+      return this.GameModes.filter(mode => [3].includes(mode.id))
     }
   }
 }