@charset "utf-8";
/* CSS Document */
button {
	position: relative;
	top: 0%;
	left: 0%;
	transform: translate(0%, 0%);
	font-family:'Raleway SemiBold';
}

button {
	background: none;
	color: #ccc;
	width: 240px;
	height: 80px;
	border: 1px solid #338033;
	font-size: 20px;
	border-radius: 4px;
	transition: .6s;
	overflow: hidden;
}

button:focus {
	outline: none;
}

button:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(255,255,255,.5);
	width: 60px;
	height: 100%;
	left: 0;
	top: 0;
	opacity: .5s;
	filter: blur(30px);
	transform: translateX(-130px) skewX(-15deg);	
}
button:after{
    content: '';
    display: block;
    position: absolute;
    background: rgba(255,255,255,.2);
    width: 30px;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    filter: blur(30px);
    transform: translateX(-100px) scaleX(-15deg);
}
button:hover {

  background: #338033;

  cursor: pointer;

}
button:hover:before {
   transform: translateX(300px) skewX(-15deg);
    opacity: .6;
    transition: .7s;
}

button:hover:after {
   transform: translateX(300px) skewX(-15deg);
    opacity: 1;
    transition: .7s;
}

a { 
    color:white;
    text-decoration:none;
}