.button {
	font-family: "FaunaOne", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-weight: 400; */
	display: inline-block;
	padding: 0.75rem 1.25rem;
	border-radius: 10rem;
	color: #000;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 0.1rem;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.button:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #c1c1c1;
	border-radius: 10rem;
	z-index: -2;
}
.button:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #7c7c7c;
	transition: all 0.3s;
	border-radius: 10rem;
	z-index: -1;
}
.button:hover {
	color: #fff;
}
.button:hover:before {
	width: 100%;
}


a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }