.button,
.content .button {
	color: #d8393d;
	text-transform: uppercase;
	letter-spacing: 2.57px;
	font-weight: 600;
	border: 1.5px solid #d8393d;
	border-radius: 3px;
	padding: 9px 22px;
	display: inline-block;
	position: relative;
	line-height: 1.6;
	font-size: 12px;
	transition: background .2s linear, color .2s linear;
	text-decoration: none;
	background: transparent;
	font-family: "soleil", sans-serif;
	cursor: pointer;
}

.button:hover {
	background: #d8393d;
	color: #fff;
}

.button i {
	position: relative;
	top: 1px;
}

@media screen and (min-width: 1024px) {
	.button {
		padding-top: 14px;
		padding-bottom: 14px;
		font-size: 14px;
	}
}