added template for card slots in gamemodes

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

@@ -74,6 +74,12 @@
 
 .gamemode__content--text h2 {
     margin: 2% 0 .5% 10%;
+    text-transform: uppercase;
+    color: #FFF;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat;
+    font-size: 20px;
+    font-weight: 700;
 }
 
 .gamemode__content--text div {
@@ -207,8 +213,38 @@
     background: #EF4444;
     filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
     border-radius: 40px;
-    width: 40%;
+    width: 60%;
+    height: 50%;
     margin: 18px 36px 0 35px;
 }
 
+.linecontent-3 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.gamemode__twoline--first__element .linecontent-3 h3 {
+    padding-left: 15%;
+    text-align: center;
+    color: #fff;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 87px;
+    font-weight: 700;
+}
+
+.gamemode__twoline--first__element .container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.gamemode__twoline--first__element .container a {
+    margin-right: 10%;
+    padding: 20px 20px;
+}
+
 /* /GameMode */

luckydiamond/src/pages/HomePage.vue

@@ -67,6 +67,10 @@
                 <div :class="'linecontent-' + mode.id">
                   <h3>{{ mode.title }}</h3>
                 </div>
+                <div class="container">
+                  <a href="#" class="line__btn">play <span class="line__btn--elm ">></span></a>
+                  <img src="@/assets/icons-gamemodes/slots-icon.png">
+                </div>
               </li>
             </ul>
           </div>