:root{
--topo:#FFFFFF;
--cor_corpo:#E1E3FA;
--txt_fundo:#333;
--txt_titulo:#222;
--txt_ftaque:white;
--link:#6D2C93;
--cor_botao:#FFD326;/*#FFCD00*/
--cor_botao_hover:#F9C700;
--link_destaque:#FFCD00;
--link_fundo:#fff;
--fundo:white;
--cancelar:#ffe9e8;
--principal:#FDBB30;
--base:#FFF;
--texto:#424242;
--hover:#BD8C23;
--bordaGasto:#9998A1;
--alerta:#bf0500;
--sucesso:#0abf7e;
}

html, body, h1, h2, h3, h4, h5, h6, ul, li, button, a, p, table, thead, tbody, tfoot, tr, th, td{
margin:0;
padding:0;
list-style:none;
text-decoration:none;
outline:none;
}

/*BOTOES*/
.btt_contained, .btt_outlined{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
transition: background 0.8s;
}
.btt_contained, .btt_outlined, .btt_text{
background-position:center;
cursor:pointer;
text-align:center;
line-height:1;
display:inline-block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
overflow:hidden;
font-size:20px;
padding:10px;
font-family:'Slabo 27px', serif;
}
.btt_contained{
border:0;
background-color:var(--cor_botao);
color:black;
}
.btt_plus{
font-size:24px;
width:100%;
}
.btt_outlined{
border:2px solid var(--cor_botao);
background-color:transparent;
color:var(--cor_botao);
}
.btt_text{
border:hidden;
background-color:transparent;
color:var(--cor_botao);
transition: background 0.7s;
}
.btt_contained:hover{
background:#F8C117 radial-gradient(circle, transparent 1%, #F8C117 1%) center/15000%;
}
.btt_contained:active{
background-color:#F5F0B0;
background-size:100%;
transition:background 0s;
}
.btt_outlined:hover, .btt_text:hover{
background:#F5F0AE radial-gradient(circle, transparent 1%, #F5F0AE 1%) center/15000%;
}
.btt_outlined:active, .btt_text:active{
background-color:#F8C117;
background-size:100%;
transition:background 0s;
}