From 2b4407837163b0b04c3b6372ab147d39d414d0e2 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 29 Nov 2023 16:00:18 +0300
Subject: [PATCH] added styles for btn home-mobile

---
 .../PagesStyles/adaptive-pages/homemobile.css | 19 +++++++++++++++++++
 .../pages/adaptive-pages/HomemobilePage.vue   |  4 ++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
index 2b643aa..e229e3c 100644
--- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
@@ -141,6 +141,7 @@ body {
     text-align: center;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
+    text-transform: uppercase;
 }
 
 .card-two {
@@ -149,4 +150,22 @@ body {
     margin-right: 10px;
 }
 
+.card-mobile__btn a {
+    text-decoration: none;
+    color: #000;
+    font-weight: 700;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 30px;
+    border-radius: 21px;
+    background: #FFF;
+    padding: 6px 11px;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.card-mobile__btn span {
+    font-size: 29px;
+    color: #000;
+}
+
 /* /Main */
\ No newline at end of file
diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
index b56c484..6223291 100644
--- a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
+++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
@@ -24,7 +24,7 @@
           <div class="card-mobile__content bg-mobile card-first card-game__text" v-for="mode in firstlineGameMode" :key="mode">
             <h2>{{ mode.title }}</h2>
             <div class="card-mobile__btn">
-              <a href="#">Play ></a>
+              <a href="#">Play <span>></span></a>
             </div>
           </div>
         </div>
@@ -32,7 +32,7 @@
           <div class="card-mobile__content bg-mobile card-two card-game__text" v-for="mode in twolineGameMode" :key="mode">
             <h2>{{ mode.title }}</h2>
             <div class="card-mobile__btn">
-              <a href="#">Play ></a>
+              <a href="#">Play <span>></span></a>
             </div>
           </div>
         </div>