added styles for btn home-mobile

This commit is contained in:
Kostya
2023-11-29 16:00:18 +03:00
parent 405d06cc46
commit 2b44078371
2 changed files with 21 additions and 2 deletions

View File

@@ -141,6 +141,7 @@ body {
text-align: center; text-align: center;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates; font-family: Montserrat Alternates;
text-transform: uppercase;
} }
.card-two { .card-two {
@@ -149,4 +150,22 @@ body {
margin-right: 10px; 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 */ /* /Main */

View File

@@ -24,7 +24,7 @@
<div class="card-mobile__content bg-mobile card-first card-game__text" v-for="mode in firstlineGameMode" :key="mode"> <div class="card-mobile__content bg-mobile card-first card-game__text" v-for="mode in firstlineGameMode" :key="mode">
<h2>{{ mode.title }}</h2> <h2>{{ mode.title }}</h2>
<div class="card-mobile__btn"> <div class="card-mobile__btn">
<a href="#">Play ></a> <a href="#">Play <span>></span></a>
</div> </div>
</div> </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"> <div class="card-mobile__content bg-mobile card-two card-game__text" v-for="mode in twolineGameMode" :key="mode">
<h2>{{ mode.title }}</h2> <h2>{{ mode.title }}</h2>
<div class="card-mobile__btn"> <div class="card-mobile__btn">
<a href="#">Play ></a> <a href="#">Play <span>></span></a>
</div> </div>
</div> </div>
</div> </div>