.button{
	position: relative;
	width: 507px;
	height: 108px;
	display: inline-block;
	padding: 0 0 0 39px;
	border: 2px solid #e9e9e9;
	outline: 0;
	background: none;
	cursor: pointer;
	border-radius: 65px;
	font-family: 'neuzeit-grotesk', sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 36px;
	line-height: 104px;
	text-align: left;
	color: #000000;
}

.button.arrow_down::after, .button.arrow_up::after{
	content: "";
	position: absolute; top: 50%; right: 47px;
	width: 36px;
	height: 39px;
	display: block;
	margin: -17.5px 0 0 0; 
	background: url(../gfx/arrow_down.png) no-repeat center top;
	background-size: contain;
	transition: transform 0.15s ease-out;
}

.button.arrow_up::after{
	transform: rotate(180deg);
}

.button.arrow_down:hover::after{
	transform: translateY(10px);
}

.button.arrow_up:hover::after{
	transform: rotate(180deg) translateY(10px);
}

.button.arrow_right::after{
	content: "";
	position: absolute; top: 50%; right: 48px;
	width: 39px;
	height: 36px;
	display: block;
	margin: -18px 0 0 0; 
	background: url(../gfx/arrow_right.png) no-repeat center top;
	background-size: contain;
	transition: transform 0.15s ease-out;
}

.button.arrow_right:hover::after{
	transform: translateX(10px);
}