typical govno

button.css

/*----------------*/
.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;
}
/*----------------*/

buttons-header.html

<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>