Skip to content

Instantly share code, notes, and snippets.

@Vterebenin
Last active December 14, 2018 12:35
Show Gist options
  • Select an option

  • Save Vterebenin/4b195ff31f0116770fbfacba1bac795d to your computer and use it in GitHub Desktop.

Select an option

Save Vterebenin/4b195ff31f0116770fbfacba1bac795d to your computer and use it in GitHub Desktop.
typical govno
/*----------------*/
.b-callback-button {
margin: 0;
border: 1px solid red;
padding: 16px 40px;
vertical-align: top;
min-width: 140px;
display: inline-block;
border-radius: 50px;
background-color: transparent;
text-align: left;
color: #ff474e;
transition: 0.7s ease;
}
.b-callback-button:hover {
border: 1px solid #983c40;
background-color: #983c40;
color: #111111;
}
.b-callback-button .callback-button__text {
margin-top: 4px;
margin-right: -0.275em;
vertical-align: top;
display: inline-block;
}
.b-callback-button a.callback-button__link:link,
.b-callback-button a.callback-button__link:active,
.b-callback-button a.callback-button__link:hover,
.b-callback-button a.callback-button__link:visited {
font-size: 15px;
text-decoration: none;
font-weight: 500;
color: #ff474e;
}
.b-callback-button:hover a.callback-button__link {
color: #ff474e;
}
/*----------------*/
<div class="b-main-button">
<a href="#" class="main-button__link">
<span class="main-button__imagewrap"><img src="/files/110/appartment1.png" alt=""></span>
<span class="main-button__text">Схема ТРЦ</span>
</a>
</div>
<div class="b-main-button">
<a href="#" class="main-button__link">
<span class="main-button__imagewrap"><img src="/files/110/location1.png" alt=""></span>
<span class="main-button__text">Как проехать</span>
</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment