button.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #CCCCCC;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
button.animated-button.thar-four:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: nfour;
}
button.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
button.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #CCCCCC;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}



/* EFEITO QUADRADO */
button.animated-button.thar-one {
	background-color: transparent;
	color: #2EBAEB;
	cursor: pointer;
	display: block;
	position: relative;
	border: 1px solid #2EBAEB;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
button.animated-button.thar-one:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: none;
	text-decoration: none;
}
button.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
	color: #fff;
	text-decoration: none;
}
button.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #2EBAEB;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #fff;
	text-decoration: none;
}



a.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #CCCCCC;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #CCCCCC;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}



/* EFEITO QUADRADO */
a.animated-button.thar-one {
	background-color: transparent;
	color: #2EBAEB;
	cursor: pointer;
	display: block;
	position: relative;
	border: 1px solid #2EBAEB;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: none;
	text-decoration: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
	color: #fff;
	text-decoration: none;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #2EBAEB;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #fff;
	text-decoration: none;
}
.quadrado:focus {
	text-decoration: none;
}

.quadrado:active {
	text-decoration: none;
}
.quadrado:after {
	text-decoration: none;
}