@import url(https://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:300);
 a.btn-6 {
	 text-decoration: none;
	 line-height: 60px;
	 padding: 0px 32px;
	 color: #333333;
	 text-align: center;
}
 [class^="btn-"] {
	 position: relative;
	 display: block;
	 overflow: hidden;
	 max-width: 260px;
	 margin: 1rem auto;
	 text-transform: uppercase;
	 border: 1px solid currentColor;
}
 .btn-6 {
	 color: #333333;
	 border-radius: 20px;
   
}
 .btn-6 span {
	 position: absolute;
	 display: block;
	 width: 0;
	 height: 0;
	 border-radius: 50%;
	 background-color: #EDFF0C;
	 transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	 transform: translate(-50%, -50%);
	 z-index: -1;
}
 .btn-6:hover {
	 color: #333333;
}
 .btn-6:hover span {
	 width: 225%;
	 height: 562.5px;
}
 .btn-6:active {
	 background-color: random-color();
}