.button_hover_me {
	display: inline-block;
	padding: 0.75rem 1.25rem;
	border-radius: 10rem;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 0.15rem;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-decoration: none;
	font-family: Arial;
	font-size: large;
}
.button_hover_me:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #6C0;
		border-radius: 10rem;
		z-index: -2;
}
.button_hover_me:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color: #FF0000;
		transition: all 0.3s;
		border-radius: 10rem;
		z-index: -1;
	}
.button_hover_me:hover {
		color: #ffa;
}

.button_hover_me:hover:before {
		width: 100%;
}