input[type=button],
 input[type=submit],
 input[type=reset],
 button {
 	color: #666;
 	background-color: #DDD;
	border-radius: var(--botao-radius);
	transition: 0.5s ease;
 }

 input[type=button] > div,
 input[type=submit] > div,
 input[type=reset] > div,
 button > div {
	justify-items: center
 }




 input[type=button].btn-icone,
 input[type=submit].btn-icone,
 input[type=reset].btn-icone,
 button.btn-icone {
	gap: 5px;
	justify-content: flex-start;
 }
 input[type=button].btn-icone.grande,
 input[type=submit].btn-icone.grande,
 input[type=reset].btn-icone.grande,
 button.btn-icone.grande {
	gap: 10px;
 }
 input[type=button].btn-icone.extragrande,
 input[type=submit].btn-icone.extragrande,
 input[type=reset].btn-icone.extragrande,
 button.btn-icone.extragrande {
	gap: 15px;
 }

 input[type=button].btn-icone > div,
 input[type=submit].btn-icone > div,
 input[type=reset].btn-icone > div,
 button.btn-icone > div {
	display: grid;
    justify-items: start;
    align-items: center;
 }
 input[type=button].btn-icone > div > div:nth-child(2),
 input[type=submit].btn-icone > div > div:nth-child(2),
 input[type=reset].btn-icone > div > div:nth-child(2),
 button.btn-icone > div > div:nth-child(2) {
	font-size: .75rem;
 }




 input[type=button]:hover,
 input[type=submit]:hover,
 input[type=reset]:hover,
 button:hover {
 	background-color: #E9E9E9
 }

 input[type=button]:active,
 input[type=submit]:active,
 input[type=reset]:active,
 button:active {
 	background-color: #EEE
 }

 input[type=button]:disabled,
 input[type=submit]:disabled,
 input[type=reset]:disabled,
 button:disabled,
 input[type=button][disabled=disabled],
 input[type=submit][disabled=disabled],
 input[type=reset][disabled=disabled],
 button[disabled=disabled] {
 	background-color: #EEE;
 	color: #AAA
 }

 input[type=button].nowrap,
 input[type=submit].nowrap,
 input[type=reset].nowrap,
 button.nowrap,
 input[type=button].nowrap span,
 input[type=submit].nowrap span,
 input[type=reset].nowrap span,
 button.nowrap span,
 input[type=button].nowrap div,
 input[type=submit].nowrap div,
 input[type=reset].nowrap div,
 button.nowrap div {
 	white-space: nowrap
 }

 form.pequeno input[type=button],
 form.pequeno input[type=submit],
 form.pequeno input[type=reset],
 form.pequeno button,
 input[type=button].pequeno,
 input[type=submit].pequeno,
 input[type=reset].pequeno,
 button.pequeno {
 	font-size: .67rem;
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px
 }

 form.grande input[type=button],
 form.grande input[type=submit],
 form.grande input[type=reset],
 form.grande button,
 input[type=button].grande,
 input[type=submit].grande,
 input[type=reset].grande,
 button.grande {
 	font-size: 1.125rem;
 	padding-left: 15px;
 	padding-right: 15px;
 	padding-top: 10px;
 	padding-bottom: 10px
 }

 form.extragrande input[type=button],
 form.extragrande input[type=submit],
 form.extragrande input[type=reset],
 form.extragrande button,
 input[type=button].extragrande,
 input[type=submit].extragrande,
 input[type=reset].extragrande,
 button.extragrande {
 	font-size: 1.4rem;
 	padding-left: 15px;
 	padding-right: 15px;
 	padding-top: 15px;
 	padding-bottom: 15px
 }

 
 
 input[type=button].vermelho,
 input[type=submit].vermelho,
 input[type=reset].vermelho,
 button.vermelho {
 	color: #FFF;
 	background-color: var(--color-vermelho);
 }

 input[type=button].vermelho:hover,
 input[type=submit].vermelho:hover,
 input[type=reset].vermelho:hover,
 button.vermelho:hover {
 	background-color: rgba(from var(--color-vermelho) r g b / .8);
 }

 input[type=button].vermelho:active,
 input[type=submit].vermelho:active,
 input[type=reset].vermelho:active,
 button.vermelho:active {
 	background-color: rgba(from var(--color-vermelho) r g b / .6);
 }

 input[type=button].laranja,
 input[type=submit].laranja,
 input[type=reset].laranja,
 button.laranja {
 	color: #FFF;
 	background-color: var(--color-laranja);
 }

 input[type=button].laranja:hover,
 input[type=submit].laranja:hover,
 input[type=reset].laranja:hover,
 button.laranja:hover {
 	background-color: rgba(from var(--color-laranja) r g b / .8);
 }

 input[type=button].laranja:active,
 input[type=submit].laranja:active,
 input[type=reset].laranja:active,
 button.laranja:active {
 	background-color: rgba(from var(--color-laranja) r g b / .6);
 }

 input[type=button].verde,
 input[type=submit].verde,
 input[type=reset].verde,
 button.verde {
 	color: #FFF;
 	background-color: var(--color-verde);
 }

 input[type=button].verde:hover,
 input[type=submit].verde:hover,
 input[type=reset].verde:hover,
 button.verde:hover {
 	background-color: rgba(from var(--color-verde) r g b / .8);
 }

 input[type=button].verde:active,
 input[type=submit].verde:active,
 input[type=reset].verde:active,
 button.verde:active {
 	background-color: rgba(from var(--color-verde) r g b / .6);
 }



 input[type=button].verde-whatsapp,
 input[type=submit].verde-whatsapp,
 input[type=reset].verde-whatsapp,
 button.verde-whatsapp {
 	color: #FFF;
 	background-color: var(--color-verde-whatsapp);
 }

 input[type=button].verde-whatsapp:hover,
 input[type=submit].verde-whatsapp:hover,
 input[type=reset].verde-whatsapp:hover,
 button.verde-whatsapp:hover {
 	background-color: rgba(from var(--color-verde-whatsapp) r g b / .8);
 }

 input[type=button].verde-whatsapp:active,
 input[type=submit].verde-whatsapp:active,
 input[type=reset].verde-whatsapp:active,
 button.verde-whatsapp:active {
 	background-color: rgba(from var(--color-verde-whatsapp) r g b / .6);
 }


 
 input[type=button].destaque,
 input[type=submit].destaque,
 input[type=reset].destaque,
 button.destaque {
    border: 1px solid #09a513;
    box-shadow: 0 0 0 0 rgba(9, 165, 19, 0.50);
	animation: alerta 1.5s infinite;
    transition: background, padding 500ms ease-in-out;
 }

@keyframes alerta {
	0% {
		transform: scale();
	}
	70% {
		transform: scale();
		box-shadow: 0 0 0 20px rgba(69, 152, 27, 0);
	}
		100% {
		transform: scale();
		box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
	}
}




 input[type=button].amarelo,
 input[type=submit].amarelo,
 input[type=reset].amarelo,
 button.amarelo {
 	color: #000;
 	background-color: var(--color-amarelo);
 }

 input[type=button].amarelo:hover,
 input[type=submit].amarelo:hover,
 input[type=reset].amarelo:hover,
 button.amarelo:hover {
 	background-color: rgba(from var(--color-amarelo) r g b / .8);
 }

 input[type=button].amarelo:active,
 input[type=submit].amarelo:active,
 input[type=reset].amarelo:active,
 button.amarelo:active {
 	background-color: rgba(from var(--color-amarelo) r g b / .6);
 }

 input[type=button].prata,
 input[type=submit].prata,
 input[type=reset].prata,
 button.prata {
 	color: #FFF;
 	background-color: var(--color-prata);
 }

 input[type=button].prata:hover,
 input[type=submit].prata:hover,
 input[type=reset].prata:hover,
 button.prata:hover {
 	background-color: rgba(from var(--color-prata) r g b / .8);
 }

 input[type=button].prata:active,
 input[type=submit].prata:active,
 input[type=reset].prata:active,
 button.prata:active {
 	background-color: rgba(from var(--color-prata) r g b / .6);
 }

 input[type=button].preto,
 input[type=submit].preto,
 input[type=reset].preto,
 button.preto {
 	color: #FFF;
 	background-color: var(--color-preto);
 }

 input[type=button].preto:hover,
 input[type=submit].preto:hover,
 input[type=reset].preto:hover,
 button.preto:hover {
 	background-color: rgba(from var(--color-preto) r g b / .8);
 }

 input[type=button].preto:active,
 input[type=submit].preto:active,
 input[type=reset].preto:active,
 button.preto:active {
 	background-color: rgba(from var(--color-preto) r g b / .6);
 }

 input[type=button].branco,
 input[type=submit].branco,
 input[type=reset].branco,
 button.branco {
 	color: #333;
 	background-color: var(--color-branco);
 }

 input[type=button].branco:hover,
 input[type=submit].branco:hover,
 input[type=reset].branco:hover,
 button.branco:hover {
 	background-color: rgba(from var(--color-branco) r g b / .8);
 }

 input[type=button].branco:active,
 input[type=submit].branco:active,
 input[type=reset].branco:active,
 button.branco:active {
 	background-color: rgba(from var(--color-branco) r g b / .6);
 }

 input[type=button].cinza_escuro,
 input[type=submit].cinza_escuro,
 input[type=reset].cinza_escuro,
 button.cinza_escuro {
 	color: #FFF;
 	background-color: var(--color-cinza-escuro);
 }

 input[type=button].cinza_escuro:hover,
 input[type=submit].cinza_escuro:hover,
 input[type=reset].cinza_escuro:hover,
 button.cinza_escuro:hover {
 	background-color: rgba(from var(--color-cinza-escuro) r g b / .8);
 }

 input[type=button].cinza_escuro:active,
 input[type=submit].cinza_escuro:active,
 input[type=reset].cinza_escuro:active,
 button.cinza_escuro:active {
 	background-color: rgba(from var(--color-cinza-escuro) r g b / .6);
 }

 input[type=button].azul,
 input[type=submit].azul,
 input[type=reset].azul,
 button.azul {
 	color: #FFF;
 	background-color: var(--color-azul);
 }

 input[type=button].azul:hover,
 input[type=submit].azul:hover,
 input[type=reset].azul:hover,
 button.azul:hover {
 	background-color: rgba(from var(--color-azul) r g b / .8);
 }

 input[type=button].azul:active,
 input[type=submit].azul:active,
 input[type=reset].azul:active,
 button.azul:active {
 	background-color: rgba(from var(--color-azul) r g b / .6);
 }

 input[type=button].verde-agua,
 input[type=submit].verde-agua,
 input[type=reset].verde-agua,
 button.verde-agua {
 	color: #080;
 	background-color: var(--color-verde-agua);
 }

 input[type=button].verde-agua:hover,
 input[type=submit].verde-agua:hover,
 input[type=reset].verde-agua:hover,
 button.verde-agua:hover {
 	background-color: rgba(from var(--color-verde-agua) r g b / .8);
 }

 input[type=button].verde-agua:active,
 input[type=submit].verde-agua:active,
 input[type=reset].verde-agua:active,
 button.verde-agua:active {
 	background-color: rgba(from var(--color-verde-agua) r g b / .6);
 }
 
 input[type=button].botaocor,
 input[type=submit].botaocor,
 input[type=reset].botaocor,
 button.botaocor {
 	color: var(--botao-color);
 	background-color: var(--botao-background-color);
 }

 input[type=button].botaocor:hover,
 input[type=submit].botaocor:hover,
 input[type=reset].botaocor:hover,
 button.botaocor:hover {
	background-color: var(--botao-background-color-hover);
 }

 input[type=button].botaocor:active,
 input[type=submit].botaocor:active,
 input[type=reset].botaocor:active,
 button.botaocor:active {
	background-color: var(--botao-background-color-hover);
 }







 input[type=button]:disabled,
 input[type=submit]:disabled,
 input[type=reset]:disabled,
 button:disabled {
 	background-color: #EEE;
 	color: #AAA;
 	outline: none
 }

 input[type=button]:disabled *,
 input[type=submit]:disabled *,
 input[type=reset]:disabled *,
 button:disabled * {
 	color: #AAA !important
 }

 input[type=button]:disabled:hover,
 input[type=submit]:disabled:hover,
 input[type=reset]:disabled:hover,
 button:disabled:hover {
 	background-color: #EEE;
 	color: #AAA;
 	outline: none
 }

 input[type=button].total,
 input[type=submit].total,
 input[type=reset].total,
 button.total {
 	width: 100%;
 	float: none;
 	margin-left: 0;
 	margin-right: 0;
 	padding-left: 0;
 	padding-right: 0
 }

 .carrocel-botao {
 	width: 40px;
 	height: 40px;
 	position: absolute;
 	top: 50%;
 	z-index: 10;
 	cursor: pointer;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background-color: #FFF;
 	color: #000;
 	-webkit-transform: translate(0, -50%);
 	transform: translate(0, -50%);
 	border-radius: 120px;
 	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
 	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
 	opacity: .4
 }

 .carrocel-botao:hover {
 	opacity: 1
 }

 .carrocel-botao.next {
 	right: 10px;
 	left: auto
 }

 .carrocel-botao.prev {
 	left: 10px;
 	right: auto
 }

 .carrocel-botao::after {
 	font-family: IcoFont !important;
 	speak: none;
 	font-style: normal;
 	font-weight: 400;
 	font-variant: normal;
 	text-transform: none;
 	white-space: nowrap;
 	word-wrap: normal;
 	direction: ltr;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	font-size: 1.5rem
 }

 .carrocel-botao.next::after {
 	content: "\eaa0"
 }

 .carrocel-botao.prev::after {
 	content: "\ea9d"
 }


.pulsate {
	animation: pulsate 1.5s infinite;
    box-shadow: 0 0 0 0 rgba(9, 165, 19, 0.50);
    transition: background, padding 500ms ease-in-out;
}
@keyframes pulsate {
	0% {
		transform: scale();
	}
	70% {
		transform: scale();
		box-shadow: 0 0 0 10px rgba(69, 152, 27, 0);
	}
	100% {
		transform: scale();
		box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
	}
}