changed styles for btns in slider

luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css

@@ -242,11 +242,9 @@ input[type="number"]::-webkit-outer-spin-button {
     border: none;
     color: #FFF;
     font-weight: 700;
-    line-height: 31px;
     font-family: Montserrat Alternates;
     font-size: 12px;
     padding: 6px 16px;
-    margin-right: 8px;
 }
 
 /* Saper Game */
@@ -502,12 +500,7 @@ input[type="number"]::-webkit-outer-spin-button {
     height: 100%;
 }
 
-/*.swiper-wrapper {*/
-/*    margin-left: -140px;*/
-/*}*/
-
 .swiper-slide {
-    /*width: 175px !important;*/
     text-align: center;
     font-size: 18px;
     display: flex;

luckydiamond/src/pages/games-pages/SapergamePage.vue

@@ -48,8 +48,7 @@
               <template v-for="(item, index) in PercentageGameSteps" :key="index">
                 <swiper-slide>
                   <div class="steps-btns__display">
-                    <button>{{ item.toFixed(2) }}</button>
-                    <h2>{{ index }} {{  stepsEndOfWord(index)  }}</h2>
+                    <button>{{ item.toFixed(2) }} <span>{{ index }} {{ stepsEndOfWord(index) }}</span></button>
                   </div>
                 </swiper-slide>
               </template>