/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 05 2022 | 12:07:23 */
/* Button como span, largura inline auto */

/* Button gravado como global, dar unlink e editar ligação e cor */

/* Amarelo */

#button_class_amarelo{
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #B7A42A;
	font-style: uppercase;
	transition-duration: .5s;
}

#button_class_amarelo a:hover{
	font-weight: 400;
}

#button_class_amarelo::after{
	content: '';
    background-color: #B7A42A;
    color: #B7A42A;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 10px;
	transition-duration: .5s;
}

#button_class_amarelo:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}


/* Azul */

#button_class_azul{
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #B7A42A;
	font-style: uppercase;
	transition-duration: .5s;
}

#button_class_azul a:hover{
	font-weight: 400;
}

#button_class_azul::after{
	content: '';
    background-color: #098BD2;
    color: #B7A42A;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 10px;
	transition-duration: .5s;
}

#button_class_azul:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}


/* Vermelho */

#button_class_vermelho{
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #DD2E1C;
	font-style: uppercase;
	transition-duration: .5s;
}

#button_class_vermelho a:hover{
	font-weight: 400;
}

#button_class_vermelho::after{
	content: '';
    background-color: #DD2E1C;
    color: #DD2E1C;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 10px;
	transition-duration: .5s;
}

#button_class_vermelho:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}



/* Verde */

#button_class_verde{
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #A7C403;
	font-style: uppercase;
	transition-duration: .5s;
}

#button_class_verde a:hover{
	font-weight: 400;
}

#button_class_verde::after{
	content: '';
    background-color: #A7C403;
    color: #A7C403;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 10px;
	transition-duration: .5s;
}

#button_class_verde:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}


/* Verde-escuro */

#button_class_verde-escuro{
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #92931B;
	font-style: uppercase;
	transition-duration: .5s;
}

#button_class_verde-escuro a:hover{
	font-weight: 400;
}

#button_class_verde-escuro::after{
	content: '';
    background-color: #92931B;
    color: #92931B;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 10px;
	transition-duration: .5s;
}

#button_class_verde-escuro:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}



/* Education Area */

#button_class_education{
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
	font-style: uppercase;
	transition-duration: .5s;
}

#button_class_education a:hover{
	font-weight: 400;
}

#button_class_education::after{
	content: '';
    background-color: #ffffff;
    color: #ffffff;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 10px;
	transition-duration: .5s;
}

#button_class_education:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}



/* Button Form */

.elementor-form .elementor-button .elementor-button-text{
	font-style: uppercase;
	font-size: 15px;
	font-weight: 300;
	position: absolute;
	left: 0;
	margin-bottom: 50px;
	transition-duration: .5s;
}

.elementor-form .elementor-button .elementor-button-text:hover{
	font-weight: 400;
}


.elementor-form .elementor-button .elementor-button-text::after{
	content: '';
    background-color: #505557;
    color: #505557;
    width: 42px;
    height: 1px;
    position: absolute;
    right: -55px;
    bottom: 7px;
	transition-duration: .5s;
}


.elementor-form .elementor-button .elementor-button-text:hover::after{
	width: 72px;
	transition-duration: .5s;
	right: -85px;
}