input[type=button],
 input[type=submit],
 input[type=reset],
 button {
 	color: #666;
 	background-color: #DDD
 }

 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
 }

 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: .625rem;
 	padding-left: 7px;
 	padding-right: 7px;
 	padding-top: 4px;
 	padding-bottom: 4px
 }

 form.base input[type=button],
 form.base input[type=submit],
 form.base input[type=reset],
 form.base button,
 input[type=button].base,
 input[type=submit].base,
 input[type=reset].base,
 button.base {
 	font-size: small;
 	padding: 7px 9px
 }

 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.125rem;
 	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: #D92127
 }

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

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

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

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

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

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

 input[type=button].verde:hover,
 input[type=submit].verde:hover,
 input[type=reset].verde:hover,
 button.verde:hover {
 	background-color: #00AB00
 }

 input[type=button].verde:active,
 input[type=submit].verde:active,
 input[type=reset].verde:active,
 button.verde:active {
 	background-color: #00CC00
 }



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

 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 #35bf69 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 #35bf69 r g b / .6);
 }

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

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

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

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

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

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

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

 input[type=button].preto:hover,
 input[type=submit].preto:hover,
 input[type=reset].preto:hover,
 button.preto:hover {
 	background-color: #6D6D6D
 }

 input[type=button].preto:active,
 input[type=submit].preto:active,
 input[type=reset].preto:active,
 button.preto:active {
 	background-color: #7E7E7E
 }

 input[type=button].branco,
 input[type=submit].branco,
 input[type=reset].branco,
 button.branco {
 	color: #5C5C5C;
 	background-color: #FFF
 }

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

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

 input[type=button].branco_contorno,
 input[type=submit].branco_contorno,
 input[type=reset].branco_contorno,
 button.branco_contorno {
 	color: #105bc8;
 	background-color: #FFF;
	border: 1px solid #105bc8;
 }

 input[type=button].branco_contorno:hover,
 input[type=submit].branco_contorno:hover,
 input[type=reset].branco_contorno:hover,
 button.branco_contorno:hover {
 	background-color: #b6d2fc;
	border: 1px solid #292873;
 }

 input[type=button].branco_contorno:active,
 input[type=submit].branco_contorno:active,
 input[type=reset].branco_contorno:active,
 button.branco_contorno:active {
 	background-color: #b6d2fc;
	border: 1px solid #292873;
 }

 input[type=button].cinza_escuro,
 input[type=submit].cinza_escuro,
 input[type=reset].cinza_escuro,
 button.cinza_escuro {
 	color: #FFF;
 	background-color: #666
 }

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

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

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

 input[type=button].azul:hover,
 input[type=submit].azul:hover,
 input[type=reset].azul:hover,
 button.azul:hover {
 	background-color: #118AD1
 }

 input[type=button].azul:active,
 input[type=submit].azul:active,
 input[type=reset].azul:active,
 button.azul:active {
 	background-color: #229BE2
 }

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

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

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


 


 
 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);
	}
}