diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index 1421572..b2df9ca 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -114,7 +114,7 @@
     align-self: flex-end;
 }
 
-.line__content h3 {
+.title-firstline {
     color: #fff;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
@@ -135,26 +135,6 @@
     width: 60%;
 }
 
-.line__btn--main a {
-    border-radius: 21px;
-    background: #FFF;
-    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    color: #000;
-    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-    font-family: Montserrat Alternates;
-    font-size: 36px;
-    font-weight: 700;
-    padding: 11px 11px;
-    text-decoration: none;
-    text-transform: uppercase;
-}
-
-
-.line__btn--main a span {
-    color: #000;
-    font-size: 38px;
-}
-
 .gamemode__lines {
     display: flex;
     flex-direction: column;
@@ -207,13 +187,6 @@
 }
 
 .linecontent-2 h1 {
-    font-size: 91px;
-    color: #FFF;
-    text-align: center;
-    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-    font-family: Montserrat Alternates;
-    font-weight: 700;
-    text-transform: uppercase;
     margin-bottom: 30px;
 }
 
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 35e9361..f250460 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -28,11 +28,11 @@
                 :key="mode.id"
             >
               <div class="line__content">
-                <h3>{{ mode.title }}</h3>
+                <h3 class="title-firstline">{{ mode.title }}</h3>
                 <div class="line__footer">
                   <img src="../assets/icons-gamemodes/bomb-icon.svg">
                   <div class="line__btn--main">
-                    <a href="#">play <span>></span></a>
+                    <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a>
                   </div>
                 </div>
               </div>
@@ -51,7 +51,7 @@
                 </div>
                 <div :class="'linecontent-' + mode.id">
                   <div class="container">
-                    <h1>{{ mode.title }}</h1>
+                    <h1 class="title-firstline">{{ mode.title }}</h1>
                     <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a>
                   </div>
                 </div>