@charset "UTF-8";
/*CONFIG*/
.group_button_theme {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    width: 150px !important;
    height: 45px !important;
}

.group_button_theme:hover {
    text-decoration: none;
}

.group-item-thumb.button > i.fa {
    font-size: 35px;
    text-align: center;
}

.group-item-thumb.button > i.fa:hover {
    color: #5bc0de;
}

.theme_button_01 > [data-item] {
    cursor: pointer;
}

.theme_button_02 > [data-item] {
    padding-right: 22px !important;
    position: relative;
}

.theme_button_02 > .aux_style_1 {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 22px);
    height: 100%;
}

.theme_button_02 > .aux_style_2 {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid transparent;
    right: 0;
    top: 50%;
    margin-top: -22px;
}

.theme_button_03 > [data-item] {
    padding-left: 22px !important;
    position: relative;
}

.theme_button_03 > .aux_style_1 {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 22px);
    height: 100%;
}

.theme_button_03 > .aux_style_2 {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 22px solid transparent;
    left: 0;
    top: 50%;
    margin-top: -22px;
}

.theme_button_04 > [data-item] {
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.theme_button_04 > .aux_style_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: inherit;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_05 > [data-item] {
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.theme_button_05 > .aux_style_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: inherit;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_06 > [data-item] {
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.theme_button_06 > .aux_style_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: inherit;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_07 > [data-item] {
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.theme_button_07 > .aux_style_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: inherit;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_09 > [data-item] {
    cursor: pointer;
}

.theme_button_09 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o Padr�o com cor solida| http://prntscr.com/93gcyi

TAMANHO MINIMO
min-width:150px;
min-height:40px;

Cor_01 | #75bcff
.theme_button_02 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_02 > [data-item] | color

Cor_03 | #0080ff
.theme_button_02 > [data-item]:hover | background-color
*/
/*.theme_button_02 > [data-item] {*/
/*background-color: #75bcff; !*cor do bot�o*!*/
/*text-align: center; !*alinhamento do texto | centralizado*!*/
/*font-size: 16px;!*tamanho da fonte em px*!*/
/*font-family: Arial, Helvetica, sans-serif;!*fonte a ser usada*!*/
/*color: #FFFFFF;!*cor da fonte*!*/
/*font-weight: bold;!*estilo da fonte | negrito, italico, sublinhado*!*/
/*font-style: normal;!*declarar sempre assim, como normal*!*/
/*cursor: pointer;!*para o cursor do mouse virar uma m�ozinha quando estiver sobre ele*!*/
/*}*/
/*.theme_button_02 > [data-item]:hover{*/
/*background-color: #0080ff;!*cor do bot�o quando o mouse estiver sobre ele*!*/
/*}*/
/*
Bot�o padr�o com a a lateral direita em forma de seta | http://prntscr.com/90who9

TAMANHO MINIMO
min-width:150px;
min-height:40px;

OBS| A seta na laretal direita cresce conforme a altura do bot�o.

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #0080ff
.theme_button_03 > [data-item] | background-color
.theme_button_03 > [data-item]:before | border-left

Cor_02 | #ffffff
.theme_button_03 > [data-item] | color

Cor_03 | #75bcff
.theme_button_03 > [data-item]:hover | background-color
.theme_button_03 > [data-item]:hover::before | border-left
*/
/*.theme_button_03 > [data-item]{*/
/*position: relative;*/
/*top: 0;*/
/*left: 0;*/
/*background-color: #0080ff;*/
/*box-sizing: border-box;*/
/*z-index: 1;*/
/*width: calc(100% - 20px);*/
/*height: 100%;*/
/*text-align: center;*/
/*font-size: 16px;*/
/*font-family: Arial, Helvetica, sans-serif;*/
/*color: #ffffff;*/
/*font-style: normal;*/
/*font-weight: bold;*/
/*cursor: pointer;*/
/*}*/
/*.theme_button_03 > [data-item]:before {*/
/*content: "";*/
/*display: inline-block;*/
/*width: 0;*/
/*height: 0;*/
/*position: absolute;*/
/*border-top: 20px solid transparent;*/
/*border-bottom: 20px solid transparent;*/
/*border-left: 20px solid #0080ff;*/
/*left: 100%;*/
/*top: 50%;*/
/*margin-top: -20px;*/
/*}*/
/*.theme_button_03 > [data-item]:hover{*/
/*background-color: #75bcff;*/
/*}*/
/*.theme_button_03 > [data-item]:hover::before{*/
/*border-left: 20px solid #75bcff;*/
/*}*/
/*
Bot�o de cor solida em formato de circulo pequeno | http://prntscr.com/90wpil

TAMANHO MINIMO
min-width:40px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #0080ff
.theme_button_04 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_04 > [data-item] | color

Cor_03 | #75bcff
.theme_button_04 > [data-item]:hover | background-color
*/
/*
.theme_button_04 > [data-item] {
	background-color: rgb(147, 196, 125);
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
}
.theme_button_04 > [data-item]:hover{
	background-color: rgb(182, 215, 168);

}

/*
Bot�o Padr�o com cor solida e os cantos levemente arredondados | http://prntscr.com/915bg9

TAMANHO MINIMO
min-width:150px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #0080ff
.theme_button_05 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_05 > [data-item] | color

Cor_03 | #75bcff
.theme_button_05 > [data-item]:hover | background-color
*/
/*
.theme_button_05 > [data-item] {
	background-color: #0080ff;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
	border-radius: 5px;
}
.theme_button_05 > [data-item]:hover{
	background-color: #75bcff;

}

/*
Bot�o Padr�o com cor solida e os cantos levemente arredondados | http://prntscr.com/915gd7

TAMANHO MINIMO
min-width:200px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #2d3e50
.theme_button_06 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_06 > [data-item] | color

Cor_03 | #0080ff
.theme_button_06 > [data-item]:hover | background-color
*/
/*
.theme_button_06 > [data-item] {
	background-color: #2d3e50;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
	border-radius: 5px;
}
.theme_button_06 > [data-item]:hover{
	background-color: #0080ff;
}

/*
Bot�o de cor solida em formato de circulo grande | http://prntscr.com/90wpil

TAMANHO MINIMO
min-width:100px;
min-height:100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #2d3e50
.theme_button_07 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_07 > [data-item] | color

Cor_03 | #0080ff
.theme_button_07 > [data-item]:hover | background-color
*/
/*
.theme_button_07 > [data-item] {
	background-color: #2d3e50;
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
}
.theme_button_07 > [data-item]:hover{
	background-color: #0080ff;
}

/*
Bot�o de cor solida em formato de circulo grande | http://prntscr.com/915l34

TAMANHO MINIMO
min-width:100px;
min-height:100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #2d3e50
.theme_button_07 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_07 > [data-item] | color

Cor_03 | #0080ff
.theme_button_07 > [data-item]:hover | background-color
*/
/*
.theme_button_07 > [data-item] {
	background-color: #2d3e50;
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
}
.theme_button_07 > [data-item]:hover{
	background-color: #0080ff;

}

/*
Bot�o Padr�o com cor solida| http://prntscr.com/915m7q

TAMANHO MINIMO
min-width:150px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #e84c3d
.theme_button_08 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_08 > [data-item] | color

Cor_03 | #d93222
.theme_button_08 > [data-item]:hover | background-color
*/
.theme_button_08 > [data-item] {
    background-color: #e84c3d;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_08 > [data-item]:hover {
    background-color: #d93222;
}

/*
Bot�o Padr�o com cor solida com os cantos levemente arredondados| http://prntscr.com/915q7j

TAMANHO MINIMO
min-width:150px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #e84c3d
.theme_button_09 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_09 > [data-item] | color

Cor_03 | #d93222
.theme_button_09 > [data-item]:hover | background-color
*/
/*
.theme_button_09 > [data-item] {
	background-color: #e84c3d;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
	border-radius: 5px;
}
.theme_button_09 > [data-item]:hover{
	background-color: #d93222;

}

/*
Bot�o Padr�o com cor solida com as laterais arredondadas | http://prntscr.com/915ths

TAMANHO MINIMO
min-width:200px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #d93222
.theme_button_10 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_10 > [data-item] | color

Cor_03 | #a70103
.theme_button_10 > [data-item]:hover | background-color
*/
.theme_button_10 > [data-item] {
    background-color: #d93222;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
    border-radius: 50px;
}

.theme_button_10 > [data-item]:hover {
    background-color: #a70103;
}

/*
Bot�o Padr�o com cor solida com os cantos arredondados|  http://prntscr.com/915ysh

TAMANHO MINIMO
min-width:100px;
min-height:100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #d93222
.theme_button_11 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_11 > [data-item] | color

Cor_03 | #a70103
.theme_button_11 > [data-item]:hover | background-color
*/
.theme_button_11 > [data-item] {
    background-color: #d93222;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
    border-radius: 15px;
}

.theme_button_11 > [data-item]:hover {
    background-color: #a70103;
}

/*
Bot�o padr�o | http://prntscr.com/916246

TAMANHO MINIMO
min-width:100px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #a70103
.theme_button_12 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_12 > [data-item] | color

Cor_03 | #d93222
.theme_button_12 > [data-item]:hover | background-color
*/
.theme_button_12 > [data-item] {
    background-color: #a70103;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_12 > [data-item]:hover {
    background-color: #d93222;
}

/*
Bot�o retangular com seta para a esquerda |

Cor_01 | #a70103
.theme_button_13 > [data-item] | background-color
.theme_button_13 > [data-item]:before | border-right

Cor_02 | #ffffff
.theme_button_13 > [data-item] | color

Cor_03 | #d93222
.theme_button_13 > [data-item]:hover | background-color
.theme_button_13 > [data-item]:hover::before | border-right
*/
.theme_button_13 > [data-item] {
    position: relative;
    top: 0;
    left: 0;
    background-color: #a70103;
    box-sizing: border-box;
    z-index: 1;
    width: calc(100% - 18px);
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_13 > [data-item]:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 25px solid #a70103;
    right: 100%;
    top: 50%;
    margin-top: -20px;
}

.theme_button_13 > [data-item]:hover {
    background-color: #d93222;
}

.theme_button_13 > [data-item]:hover::before {
    /*� assim que se aplica o hover no before tem que colocar ::*/
    border-right: 25px solid #d93222;
}

/*
Bot�o de cor solida em formato de circulo grande | http://prntscr.com/9165in

TAMANHO MINIMO
min-width:100px;
min-height:100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #6ae897
.theme_button_14 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_14 > [data-item] | color

Cor_03 | #19bd64
.theme_button_14 > [data-item]:hover | background-color
*/
.theme_button_14 > [data-item] {
    background-color: #6ae897;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_14 > [data-item]:hover {
    background-color: #19bd64;
}

/*
Bot�o Padr�o Verde Claro | http://prntscr.com/9166hk

TAMANHO MINIMO
min-width:150px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #6ae897
.theme_button_15 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_15 > [data-item] | color

Cor_03 | #19bd64
.theme_button_15 > [data-item]:hover | background-color
*/
.theme_button_15 > [data-item] {
    background-color: #6ae897;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_15 > [data-item]:hover {
    background-color: #19bd64;
}

/*
Bot�o Padr�o Verde Claro com as laterais arredondadas | http://prntscr.com/91684c

TAMANHO MINIMO
min-width:150px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #6ae897
.theme_button_16 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_16 > [data-item] | color

Cor_03 | #19bd64
.theme_button_16 > [data-item]:hover | background-color
*/
.theme_button_16 > [data-item] {
    background-color: #6ae897;
    text-align: center;
    font-size: 16px;
    border-radius: 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_16 > [data-item]:hover {
    background-color: #19bd64;
}

/*
Bot�o Padr�o Verde m�dio| http://prntscr.com/916b0x

TAMANHO MINIMO
min-width:200px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #19bd64
.theme_button_17 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_17 > [data-item] | color

Cor_03 | #006b33
.theme_button_17 > [data-item]:hover | background-color
*/
.theme_button_17 > [data-item] {
    background-color: #19bd64;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_17 > [data-item]:hover {
    background-color: #006b33;
}

/*
Bot�o Padr�o Verde m�dio com os cantos arredondados | http://prntscr.com/916b0x

TAMANHO MINIMO
min-width:200px;
min-height:40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #19bd64
.theme_button_18 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_18 > [data-item] | color

Cor_03 | #006b33
.theme_button_18 > [data-item]:hover | background-color
*/
.theme_button_18 > [data-item] {
    background-color: #19bd64;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_18 > [data-item]:hover {
    background-color: #006b33;
}

/*
Bot�o Padr�o Retangulo com os cantos arredondados Verde escuro | http://prntscr.com/916dmd

TAMANHO MINIMO
min-width: 150px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #006b33
.theme_button_19 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_19 > [data-item] | color

Cor_03 | #006b33
.theme_button_19 > [data-item]:hover | background-color
*/
.theme_button_19 > [data-item] {
    background-color: #006b33;
    text-align: center;
    font-size: 16px;
    border-radius: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_19 > [data-item]:hover {
    background-color: #19bd64;
}

/*
Bot�o Padr�o com os cantos arredondados Azul Piscina | http://prntscr.com/916jha

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #00dadb
.theme_button_20 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_20 > [data-item] | color

Cor_03 | #01a7a7
.theme_button_20 > [data-item]:hover | background-color
*/
.theme_button_20 > [data-item] {
    background-color: #00dadb;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_20 > [data-item]:hover {
    background-color: #01a7a7;
}

/*
Bot�o Padr�o Azul Piscina | http://prntscr.com/916jha

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #00dadb
.theme_button_21 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_21 > [data-item] | color

Cor_03 | #01a7a7
.theme_button_21 > [data-item]:hover | background-color
*/
.theme_button_21 > [data-item] {
    background-color: #00dadb;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_21 > [data-item]:hover {
    background-color: #01a7a7;
}

/*
Bot�o Padr�o Azul Piscina Escuro | http://prntscr.com/917kkb

TAMANHO MINIMO
min-width: 200px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #01a7a7
.theme_button_22 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_22 > [data-item] | color

Cor_03 | #00dadb0
.theme_button_22 > [data-item]:hover | background-color
*/
.theme_button_22 > [data-item] {
    background-color: #01a7a7;
    text-align: center;
    font-size: 16px;
    border-radius: 15px 0 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_22 > [data-item]:hover {
    background-color: #00dadb;
}

/*
Bot�o Padr�o Azul Piscina Escuro | http://prntscr.com/917k68

TAMANHO MINIMO
min-width: 200px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #01a7a7
.theme_button_23 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_23 > [data-item] | color

Cor_03 | #00dadb0
.theme_button_23 > [data-item]:hover | background-color
*/
.theme_button_23 > [data-item] {
    background-color: #01a7a7;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_23 > [data-item]:hover {
    background-color: #00dadb;
}

/*
Bot�o Padr�o Marron Claro | http://prntscr.com/91881m

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #bfa688
.theme_button_24 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_24 > [data-item] | color

Cor_03 | #5a4226
.theme_button_24 > [data-item]:hover | background-color
*/
.theme_button_24 > [data-item] {
    background-color: #bfa688;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_24 > [data-item]:hover {
    background-color: #5a4226;
}

/*
Bot�o Padr�o Marron Claro com os cantos arredondados | http://prntscr.com/918a4i

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #bfa688
.theme_button_25 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_25 > [data-item] | color

Cor_03 | #5a4226
.theme_button_25 > [data-item]:hover | background-color
*/
.theme_button_25 > [data-item] {
    background-color: #bfa688;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_25 > [data-item]:hover {
    background-color: #5a4226;
}

/*
Bot�o Padr�o Quadrado - Marron Claro com os cantos arredondados | http://prntscr.com/918ay8

TAMANHO MINIMO
min-width: 50px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #bfa688
.theme_button_25 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_25 > [data-item] | color

Cor_03 | #5a4226
.theme_button_25 > [data-item]:hover | background-color
*/
.theme_button_25 > [data-item] {
    background-color: #bfa688;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_25 > [data-item]:hover {
    background-color: #5a4226;
}

/*
Bot�o Padr�o cor solida - Marron Escuro | http://prntscr.com/918e45

TAMANHO MINIMO
min-width: 250px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #5a4226
.theme_button_26 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_26 > [data-item] | color

Cor_03 | #bfa688
.theme_button_26 > [data-item]:hover | background-color
*/
.theme_button_26 > [data-item] {
    background-color: #5a4226;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_26 > [data-item]:hover {
    background-color: #bfa688;
}

/*
Bot�o Padr�o cor solida - CIRCULO - Marron Escuro | http://prntscr.com/918pf2

TAMANHO MINIMO
min-width: 100px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #5a4226
.theme_button_27 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_27 > [data-item] | color

Cor_03 | #bfa688
.theme_button_27 > [data-item]:hover | background-color
*/
.theme_button_27 > [data-item] {
    background-color: #5a4226;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_27 > [data-item]:hover {
    background-color: #bfa688;
}

/*
Bot�o Padr�o cor Solida - Laranja - Cantos Arredondados | http://prntscr.com/918rfy

TAMANHO MINIMO
min-width: 150px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | ffa755
.theme_button_28 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_28 > [data-item] | color

Cor_03 | #ff7f08
.theme_button_28 > [data-item]:hover | background-color
*/
.theme_button_28 > [data-item] {
    background-color: #ffa755;
    text-align: center;
    border-radius: 15px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_28 > [data-item]:hover {
    background-color: #ff7f08;
}

/*
Bot�o Padr�o cor Solida - Laranja - Cantos Arredondados | http://prntscr.com/918t8c

TAMANHO MINIMO
min-width: 150px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #ff7f08
.theme_button_29 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_29 > [data-item] | color

Cor_03 | #ffa755
.theme_button_29 > [data-item]:hover | background-color
*/
.theme_button_29 > [data-item] {
    background-color: #ff7f08;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_29 > [data-item]:hover {
    background-color: #ffa755;
}

/*
Bot�o Padr�o cor Solida - Roxo com as laterais Curvas | http://prntscr.com/918xju

TAMANHO MINIMO
min-width: 200px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #482a70
.theme_button_30 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_ > [data-item] | color

Cor_03 | #302543
.theme_button_30 > [data-item]:hover | background-color
*/
.theme_button_30 > [data-item] {
    background-color: #482a70;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_30 > [data-item]:hover {
    background-color: #302543;
}

/*
Bot�o Padr�o cor Solida - Roxo retangulo com os cantos redondo | http://prntscr.com/918xju

TAMANHO MINIMO
min-width: 150px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #482a70
.theme_button_31 > [data-item] | background-color

Cor_02 | #FFFFFF
.theme_button_31 > [data-item] | color

Cor_03 | #302543
.theme_button_31 > [data-item]:hover | background-color
*/
.theme_button_31 > [data-item] {
    background-color: #482a70;
    text-align: center;
    font-size: 16px;
    border-radius: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
}

.theme_button_31 > [data-item]:hover {
    background-color: #302543;
}

/*
Bot�o retangular com as laterais curvas e a borda grossa | http://prntscr.com/919nzb

TAMANHO MINIMO
min-width: 130px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #01B1AF
.theme_button_32 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #FFFFFF
.theme_button_32 > [data-item] | background-color

Cor_03 | #006C6D
.theme_button_32 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_32 > [data-item] {
    background-color: #FFFFFF;
    border: 3px solid #0080ff;
    border-radius: 15px;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #0080ff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_32 > [data-item]:hover {
    border: 3px solid #75bbff;
    color: #75bbff;
    font-weight: bold;
}

/*
Bot�o padr�o transparente apenas com o texto | http://prntscr.com/919otk

TAMANHO MINIMO
min-width: 150px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #0080ff
border, .theme_button_33 > [data-item] | color

Cor_02 | #75bbff
.theme_button_33 > [data-item]:hover | color
*/
.theme_button_33 > [data-item] {
    background-color: transparent;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #0080ff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_33 > [data-item]:hover {
    color: #75bbff;
    font-weight: bold;
}

/*
Bot�o retangular com as laterais curvas e a borda m�dia | http://prntscr.com/919rbk

TAMANHO MINIMO
min-width: 250px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #0080ff
.theme_button_34 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #FFFFFF
.theme_button_34 > [data-item] | background-color

Cor_03 | #75bbff
.theme_button_34 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_34 > [data-item] {
    background-color: #FFFFFF;
    border: 2px solid #0080ff;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #0080ff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_34 > [data-item]:hover {
    border: 2px solid #75bbff;
    color: #75bbff;
    font-weight: bold;
}

/*
Bot�o retangular com as laterais curvas e a borda m�dia | http://prntscr.com/91aopa

TAMANHO MINIMO
min-width: 250px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #0080ff
.theme_button_35 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #75bbff
.theme_button_35 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_35 > [data-item] {
    background-color: transparent;
    border: 4px solid #d93222;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #d93222;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_35 > [data-item]:hover {
    border: 3px solid #e84c3d;
    color: #e84c3d;
    font-weight: bold;
}

/*
Bot�o padr�o tamanho m�dio transparente com a borda m�dia | http://prntscr.com/91j3zr

TAMANHO MINIMO
min-width: 100px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #19bd64
.theme_button_36 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #006b33
.theme_button_36 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_36 > [data-item] {
    background-color: transparent;
    border: 2px solid #19bd64;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #19bd64;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_36 > [data-item]:hover {
    border: 2px solid #006b33;
    color: #006b33;
    font-weight: bold;
}

/*
Bot�o padr�o com os cantos arredondados e tamanho m�dio transparente - borda grossa | http://prntscr.com/91j59k

TAMANHO MINIMO
min-width: 100px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #6ae897
.theme_button_37 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #19bd64
.theme_button_37 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_37 > [data-item] {
    background-color: transparent;
    border: 3px solid #6ae897;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #6ae897;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_37 > [data-item]:hover {
    border: 3px solid #19bd64;
    color: #19bd64;
    font-weight: bold;
}

/*
Bot�o padr�o com os cantos arredondados e tamanho m�dio transparente - borda grossa | http://prntscr.com/91j8tj

TAMANHO MINIMO
min-width: 250px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #01a7a7
.theme_button_38 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #00dadb
.theme_button_38 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_38 > [data-item] {
    background-color: transparent;
    border: 3px solid #01a7a7;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #01a7a7;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_38 > [data-item]:hover {
    border: 3px solid #00dadb;
    color: #00dadb;
    font-weight: bold;
}

/*
Bot�o em forma de circulo com a borda grossa | http://prntscr.com/91jagh

TAMANHO MINIMO
min-width: 100px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #01a7a7
.theme_button_39 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #00dadb
.theme_button_39 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_39 > [data-item] {
    background-color: transparent;
    border: 4px solid #01a7a7;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #01a7a7;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_39 > [data-item]:hover {
    border: 4px solid #00dadb;
    color: #00dadb;
    font-weight: bold;
}

/*
Bot�o padr�o com as laterais curvas e a borda grossa | http://prntscr.com/91jekp

TAMANHO MINIMO
min-width: 250px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

Cor_01 | #302543
.theme_button_40 > [data-item] | border, .theme_button_06 > [data-item] | color

Cor_02 | #672f94
.theme_button_40 > [data-item]:hover | border, .theme_button_06 > [data-item]:hover | color
*/
.theme_button_40 > [data-item] {
    background-color: transparent;
    border: 4px solid #302543;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #302543;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_40 > [data-item]:hover {
    border: 4px solid #672f94;
    color: #672f94;
    font-weight: bold;
}

/*
Bot�o Padr�o Verde Claro - Estilo de Gradiente 1 | http://prntscr.com/91lsgz

TAMANHO MINIMO
min-width:150px;
min-height:50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_41 > [data-item] {
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_41:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    background-color: #4fe383;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_41:hover:before {
    background-color: #20cb5c;
}

/*
Bot�o Padr�o com as Lateriais Curvas - Estilo de Gradiente 1 | http://prntscr.com/91lsgz

TAMANHO MINIMO
min-width:150px;
min-height:50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_42 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_42:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 50px;
    background-color: #4fe383;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.1) 0%, rgba(4, 4, 4, 0.2) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_42:hover:before {
    background-color: #20cb5c;
}

/*
Bot�o Padr�o Verde Escuro - Estilo de Gradiente 1 | http://prntscr.com/91m9mm

TAMANHO MINIMO
min-width: 200px;
min-height:50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_43 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_43:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 10px;
    background-color: #20cb5c;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_43:hover:before {
    background-color: #168d40;
}

/*
Bot�o Quadrado - Verde Escuro - Estilo de Gradiente 1 | http://prntscr.com/91mjsy

TAMANHO MINIMO
min-width: 80px;
min-height:80px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_44 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_44:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 5px;
    background-color: #20cb5c;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_44:hover:before {
    background-color: #168d40;
}

/*
Bot�o em forma de Circulo - Verde Escuro - Estilo de Gradiente 1 | http://prntscr.com/91mkkj

TAMANHO MINIMO
min-width: 100px;
min-height:100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_45 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_45:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 50px;
    background-color: #20cb5c;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_45:hover:before {
    background-color: #168d40;
}

/*
Bot�o Padr�o - Verde Piscina Claro - Estilo de Gradiente 1 | http://prntscr.com/91mm9c

TAMANHO MINIMO
min-width: 200px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_46 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_46:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 5px;
    background-color: #00dbdb;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_46:hover:before {
    background-color: #009999;
}

/*
Bot�o Padr�o com as laterais curvas - Verde Piscina Claro - Estilo de Gradiente 1 | http://prntscr.com/91moid

TAMANHO MINIMO
min-width: 250px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_47 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_47:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 50px;
    background-color: #00dbdb;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_47:hover:before {
    background-color: #009999;
}

/*
Bot�o Padr�o em forma de circulo - Verde Piscina Claro - Estilo de Gradiente 1 | http://prntscr.com/91moid

TAMANHO MINIMO
min-width: 100px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_48 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_48:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 0 20px;
    background-color: #00dbdb;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 32%, rgba(4, 4, 4, 0.3) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_48:hover:before {
    background-color: #009999;
}

/*
Bot�o Padr�o - Vermelho claro - Estilo de Gradiente 1 | http://prntscr.com/91myj3

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_49 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_49:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 10px;
    background-color: #ff786e;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_49:hover:before {
    background-color: #ff584d;
}

/*
Bot�o Padr�o em forma de circulo- Vermelho claro - Estilo de Gradiente 1 | hhttp://prntscr.com/91nid5

TAMANHO MINIMO
min-width: 150px;
min-height: 150px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_50 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_50:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 100px;
    background-color: #ff786e;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.1) 40%, rgba(4, 4, 4, 0.1) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
}

.theme_button_50:hover:before {
    background-color: #ff584d;
}

/*
Bot�o Padr�o - Azul - Estilo de Gradiente 2 | http://prntscr.com/92ctni

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_51 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_51:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    background-color: #2994ff;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_51:hover:before {
    background-color: #0075eb;
}

/*
Bot�o Padr�o com os cantos arredondados - Azul - Estilo de Gradiente 2 | http://prntscr.com/91nrx6

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_52 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_52:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 10px;
    background-color: #2994ff;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_52:hover:before {
    background-color: #0075eb;
}

/*
Bot�o Padr�o com as Laterais Curvas - Azul - Estilo de Gradiente 2 | http://prntscr.com/92d1s1

TAMANHO MINIMO
min-width: 150px;
min-height: 40px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_53 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_53:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 0 20px;
    background-color: #2994ff;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_53:hover:before {
    background-color: #0075eb;
}

/*
Bot�o Padr�o em forma de circulo - Azul - Estilo de Gradiente 2 | http://prntscr.com/92d9l4

TAMANHO MINIMO
min-width: 100px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_54 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_54:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 100px;
    background-color: #2994ff;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_54:hover:before {
    background-color: #0075eb;
}

/*
Bot�o Padr�o retangulo - Azul - Estilo de Gradiente 2 | http://prntscr.com/92csma

TAMANHO MINIMO
min-width: 150px;
min-height: 100px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_55 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_55:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 20px;
    background-color: #9071b9;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_55:hover:before {
    background-color: #8264a9;
}

/*
Bot�o Padr�o retangulo - Azul - Estilo de Gradiente 2 | http://prntscr.com/92dblf

TAMANHO MINIMO
min-width: 250px;
min-height: 50px;

FONTE: Coloque uma fonte padr�o, dar a op��o para o usuario usar uma das fontes que usamos no contrutor.

*/
.theme_button_56 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.theme_button_56:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: auto;
    border-radius: 50px;
    background-color: #9071b9;
    background-image: -moz-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.4) 53%, rgba(4, 4, 4, 0.1) 100%);
}

.theme_button_56:hover:before {
    background-color: #8264a9;
}

/*
Bot�o padr�o retangular com borda superior | http://prntscr.com/92do6s

TAMANHO MININO
min-widht:200px
min-height:40px

Cor_01 | #059AD4
.theme_buttom_57 > [data-item] | background-color

Cor_02 |  #242A31
.theme_buttom_57 > [data-item] | border-top

Cor_03 | #0081CB
.theme_buttom_57 > [data-item]:hover | background-color
*/
.theme_button_57 > [data-item] {
    background-color: #059AD4;
    border-radius: 5px;
    border-top: 4px solid #242A31;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_57 > [data-item]:hover {
    background-color: #0081CB;
    font-weight: bold;
}

/*
Bot�o padr�o retangular com borda superior e as laterais curvas | http://prntscr.com/92dprv

TAMANHO MININO
min-widht:200px
min-height:40px

Cor_01 | #059AD4
.theme_buttom_58 > [data-item] | background-color

Cor_02 |  #242A31
.theme_buttom_58 > [data-item] | border-top

Cor_03 | #0081CB
.theme_buttom_58 > [data-item]:hover | background-color
*/
.theme_button_58 > [data-item] {
    background-color: #059AD4;
    border-radius: 50px;
    border-top: 4px solid #242A31;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_58 > [data-item]:hover {
    background-color: #0081CB;
    font-weight: bold;
}

/*
Bot�o padr�o com borda superior - Rosa | http://prntscr.com/92du4z

TAMANHO MININO
min-widht:200px
min-height:40px

Cor_01 | #FF4B8E
.theme_buttom_59 > [data-item] | background-color

Cor_02 |  #401323
.theme_buttom_59 > [data-item] | border-top

Cor_03 | #BF396A
.theme_buttom_59 > [data-item]:hover | background-color
*/
.theme_button_59 > [data-item] {
    background-color: #FF4B8E;
    border-radius: 10px;
    border-top: 4px solid #401323;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_59 > [data-item]:hover {
    background-color: #BF396A;
    font-weight: bold;
}

/*
Bot�o padr�o com borda superior bordas laterais - Rosa | http://prntscr.com/92dub9

TAMANHO MININO
min-widht:200px
min-height:40px

Cor_01 | #FF4B8E
.theme_buttom_60 > [data-item] | background-color

Cor_02 |  #401323
.theme_buttom_60 > [data-item] | border-top

Cor_03 | #BF396A
.theme_buttom_60 > [data-item]:hover | background-color
*/
.theme_button_60 > [data-item] {
    background-color: #FF4B8E;
    border-radius: 50px;
    border-top: 4px solid #401323;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_60 > [data-item]:hover {
    background-color: #BF396A;
    font-weight: bold;
}

/*
Bot�o padr�o com borda superior - Verde | http://prntscr.com/92dvsa

TAMANHO MININO
min-widht:200px
min-height:40px

Cor_01 | #00CD73
.theme_buttom_61 > [data-item] | background-color

Cor_02 |  #004E2C
.theme_buttom_61 > [data-item] | border-top

Cor_03 | #3ECD8E
.theme_buttom_61 > [data-item]:hover | background-color
*/
.theme_button_61 > [data-item] {
    background-color: #00CD73;
    border-radius: 10px;
    border-top: 4px solid #004E2C;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_61 > [data-item]:hover {
    background-color: #3ECD8E;
    font-weight: bold;
}

/*
Bot�o padr�o com borda superior - Verde | http://prntscr.com/92dycq

TAMANHO MININO
min-widht:200px
min-height:40px

Cor_01 | #00CD73
.theme_buttom_62 > [data-item] | background-color

Cor_02 |  #004E2C
.theme_buttom_62 > [data-item] | border-top

Cor_03 | #3ECD8E
.theme_buttom_62 > [data-item]:hover | background-color
*/
.theme_button_62 > [data-item] {
    background-color: #00CD73;
    border-radius: 50px;
    border-top: 4px solid #004E2C;
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_62 > [data-item]:hover {
    background-color: #3ECD8E;
    font-weight: bold;
}

/*
Bot�o quadrado com os cantos arredondados e sombra projetada solida - Estilo flat cor azul | http://prntscr.com/93dxxh

TAMANHO MINIMO
min-widht:150px
min-height:100px

Cor_01 | #2c82c9
.theme_buttom_63 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_63 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_63 > [data-item]:hover | background-color
*/
.theme_button_63 > [data-item] {
    background-color: #2c82c9;
    border-radius: 20px;
    box-shadow: 5px 5px 0 1px #254b82;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_63 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #2c82c9;
    border-radius: 20px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o retangulo com os cantos arredondados e sombra projetada solida - Estilo flat cor azul | http://prntscr.com/93e14i

TAMANHO MINIMO
min-widht: 150px
min-height: 40px

Cor_01 | #2c82c9
.theme_buttom_64 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_64 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_64 > [data-item]:hover | background-color
*/
.theme_button_64 > [data-item] {
    background-color: #2c82c9;
    border-radius: 10px;
    box-shadow: 5px 5px 0 1px #254b82;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_64 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #2c82c9;
    border-radius: 10px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o Circulo e sombra projetada solida - Estilo flat cor azul | http://prntscr.com/93e14i

TAMANHO MINIMO
min-widht: 150px
min-height: 150px

Cor_01 | #2c82c9
.theme_buttom_65 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_65 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_65 > [data-item]:hover | background-color
*/
.theme_button_65 > [data-item] {
    background-color: #2c82c9;
    border-radius: 100px;
    box-shadow: 5px 5px 0 1px #254b82;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_65 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #2c82c9;
    border-radius: 100px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o quadrado com os cantos arredondados e sombra projetada solida - Estilo flat Roxo | http://prntscr.com/93eb2h

TAMANHO MINIMO
min-widht:150px
min-height:100px

Cor_01 | #9365b8
.theme_buttom_66 > [data-item] | background-color

Cor_02 | #553982
.theme_buttom_66 > [data-item] | border-top

Cor_03 | #9365b8
.theme_buttom_66 > [data-item]:hover | background-color
*/
.theme_button_66 > [data-item] {
    background-color: #9365b8;
    border-radius: 20px;
    box-shadow: 5px 5px 0px 1px #553982;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_66 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #9365b8;
    border-radius: 20px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o retangulo com os cantos arredondados e sombra projetada solida - Estilo flat ROXO | http://prntscr.com/93edgd

TAMANHO MINIMO
min-widht: 150px
min-height: 40px

Cor_01 | #2c82c9
.theme_buttom_67 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_67 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_67 > [data-item]:hover | background-color
*/
.theme_button_67 > [data-item] {
    background-color: #9365b8;
    border-radius: 10px;
    box-shadow: 5px 5px 0px #553982;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_67 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #9365b8;
    border-radius: 10px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o Circulo e sombra projetada solida - Estilo flat ROXO | http://prntscr.com/93e14i

TAMANHO MINIMO
min-widht: 110px
min-height: 110px

Cor_01 | #2c82c9
.theme_buttom_68 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_68 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_68 > [data-item]:hover | background-color
*/
.theme_button_68 > [data-item] {
    background-color: #9365b8;
    border-radius: 100px;
    box-shadow: 5px 5px 0px #553982;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_68 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #9365b8;
    border-radius: 100px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o quadrado com os cantos arredondados e sombra projetada solida - Estilo flat Vermelho | http://prntscr.com/93fq2l

TAMANHO MINIMO
min-widht:150px
min-height:100px

Cor_01 | #e14938
.theme_buttom_69 > [data-item] | background-color

Cor_02 | #553982
.theme_buttom_69 > [data-item] | border-top

Cor_03 | #9365b8
.theme_buttom_69 > [data-item]:hover | background-color
*/
.theme_button_69 > [data-item] {
    background-color: #e14938;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #b8312f;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_69 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #e14938;
    border-radius: 10px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o retangulo com os cantos arredondados e sombra projetada solida - Estilo flat VERMELHO | http://prntscr.com/93fqct

TAMANHO MINIMO
min-widht: 150px
min-height: 40px

Cor_01 | #2c82c9
.theme_buttom_70 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_70 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_70 > [data-item]:hover | background-color
*/
.theme_button_70 > [data-item] {
    background-color: #e14938;
    border-radius: 10px;
    box-shadow: 5px 5px 0px #b8312f;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_70 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #e14938;
    border-radius: 10px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*
Bot�o Circulo e sombra projetada solida - Estilo flat VERMELHO | http://prntscr.com/93fr2m

TAMANHO MINIMO
min-widht: 110px
min-height: 110px

Cor_01 | #2c82c9
.theme_buttom_71 > [data-item] | background-color

Cor_02 | #254b82
.theme_buttom_71 > [data-item] | border-top

Cor_03 | #2c82c9
.theme_buttom_71 > [data-item]:hover | background-color
*/
.theme_button_71 > [data-item] {
    background-color: #e14938;
    border-radius: 100px;
    box-shadow: 5px 5px 0px #b8312f;
    /*borda em baixa do bot�o*/
    text-align: center;
    font-size: 16px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

.theme_button_71 > [data-item]:hover {
    position: relative;
    /*Posi��o relativa para poder fala na onde ela vai fica na tela*/
    left: 5px;
    /*5px para a direita*/
    top: 5px;
    /*5px para baixo*/
    background-color: #e14938;
    border-radius: 100px;
    box-shadow: none;
    /* NOME serve para tirar os atributos do box-shadow quando o hover for selecionado*/
}

/*  ..::  BOT�ES DE ICONES ::.. */
/*
Bot�o quadrado com os cantos arredondados e o icone de seta | http://prntscr.com/93g525

ICONE USADO | <i class="fa fa-angle-right"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #282828
.theme_button_72 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_72 > [data-item] i | color

Cor_03 | #151515
.theme_button_23 > [data-item]:hover | background-color
*/
.theme_button_72 > [data-item] {
    background-color: #28324e;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.theme_button_72 > [data-item] i {
    color: #FFFFFF;
    font-size: 40px;
}

.theme_button_72 > [data-item]:hover {
    background-color: #141429;
}

.theme_button_72 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 30px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone de check | http://prntscr.com/93rape

ICONE USADO - <i class="fa fa-check"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_73 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_73 > [data-item] i | color

Cor_03 | #141429
.theme_button_73 > [data-item]:hover | background-color
*/
.theme_button_73 > [data-item] {
    background-color: #28324e;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.theme_button_73 > [data-item] i {
    color: #FFFFFF;
    font-size: 50px;
}

.theme_button_73 > [data-item]:hover {
    background-color: #141429;
}

.theme_button_73 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone de map marker  | http://prntscr.com/93rnqa

ICONES USADOS | <i class="fa fa-map-marker"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_74 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_74 > [data-item] i | color

Cor_03 | #141429
.theme_button_74 > [data-item]:hover | background-color
*/
.theme_button_74 > [data-item] {
    background-color: #28324e;
    /*cor do bot�o*/
    border-radius: 5px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
    /**/
}

.theme_button_74 > [data-item] i {
    color: #FFFFFF;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_74 > [data-item]:hover {
    background-color: #141429;
}

.theme_button_74 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone plus | http://prntscr.com/93rprp

ICONE USADO | <i class="fa fa-plus"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_75 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_75 > [data-item] i | color

Cor_03 | #141429
.theme_button_75 > [data-item]:hover | background-color
*/
.theme_button_75 > [data-item] {
    background-color: #28324e;
    /*cor do bot�o*/
    border-radius: 5px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_75 > [data-item] i {
    color: #FFFFFF;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_75 > [data-item]:hover {
    background-color: #141429;
    /*cor do bot�o quando o mouse estiver sobre ele*/
}

.theme_button_75 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone de home  |  http://prntscr.com/93rrei

ICONE USADO | <i class="fa fa-home"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_76 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_76 > [data-item] i | color

Cor_03 | #151515
.theme_button_76 > [data-item]:hover | background-color
*/
.theme_button_76 > [data-item] {
    background-color: #28324e;
    /*cor do bot�o*/
    border-radius: 5px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_76 > [data-item] i {
    color: #FFFFFF;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_76 > [data-item]:hover {
    background-color: #141429;
    /*cor do bot�o quando o mouse estiver sobre ele*/
}

.theme_button_76 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone de arrow right | http://prntscr.com/93rvdw

ICONES USADOS | <i class="fa fa-arrow-right"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_77 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_77 > [data-item] i | color

Cor_03 | #141429
.theme_button_77 > [data-item]:hover | background-color
*/
.theme_button_77 > [data-item] {
    background-color: #28324e;
    /*cor do bot�o*/
    border-radius: 5px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_77 > [data-item] i {
    color: #FFFFFF;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_77 > [data-item]:hover {
    background-color: #141429;
    /*cor do bot�o quando o mouse estiver sobre ele*/
}

.theme_button_77 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone de envelope | http://prntscr.com/93rwbk

ICONE USADO |  <i class="fa fa-envelope"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_78 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_78 > [data-item] i | color

Cor_03 | #141429
.theme_button_78 > [data-item]:hover | background-color
*/
.theme_button_78 > [data-item] {
    background-color: #28324e;
    /*cor do bot�o*/
    border-radius: 5px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_78 > [data-item] i {
    color: #FFFFFF;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_78 > [data-item]:hover {
    background-color: #141429;
    /*cor do bot�o quando o mouse estiver sobre ele*/
}

.theme_button_78 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o quadrado com os cantos arredondados e o icone de Lapis | http://prntscr.com/93sh5q

ICONE USADO | <i class="fa fa-pencil"></i>

TAMANHO MINIMO
min-widht:80px
min-height:80px

Cor_01 | #28324e
.theme_button_79 > [data-item] | background-color

Cor_02 | #ffffff
.theme_button_79 > [data-item] i | color

Cor_03 | #141429
.theme_button_79 > [data-item]:hover | background-color
*/
.theme_button_79 > [data-item] {
    background-color: #28324e;
    /*cor do bot�o*/
    border-radius: 5px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_79 > [data-item] i {
    color: #FFFFFF;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_79 > [data-item]:hover {
    background-color: #141429;
    /*cor do bot�o quando o mouse estiver sobre ele*/
}

.theme_button_79 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    font-size: 45px;
}

/*
Bot�o redondo estilo flat com o icone de Seta | http://prntscr.com/93tlm7

ICONE USADO | <i class="fa fa-angle-right"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_80 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_80 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_80 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_80 > [data-item]:hover | background-color
*/
.theme_button_80 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_80 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_80 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_80 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de Check | http://prntscr.com/93txq5

ICONE USADO | <i class="fa fa-check"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_81 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_81 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_81 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_81 > [data-item]:hover | background-color
*/
.theme_button_81 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_81 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_81 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_81 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de Mapa | http://prntscr.com/93tyc9

ICONE USADO | <i class="fa fa-map-marker"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_82 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_82 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_82 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_82 > [data-item]:hover | background-color
*/
.theme_button_82 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_82 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_82 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_82 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de Sinal de Mais | http://prntscr.com/93tyc9

ICONE USADO | <i class="fa fa-plus"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_83 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_83 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_83 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_83 > [data-item]:hover | background-color
*/
.theme_button_83 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_83 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_83 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_83 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de casa | http://prntscr.com/93tztx

ICONE USADO | <i class="fa fa-home"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_84 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_84 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_84 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_84 > [data-item]:hover | background-color
*/
.theme_button_84 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_84 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_84 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_84 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de Seta_02 | http://prntscr.com/93u8mw

ICONE USADO | <i class="fa fa-arrow-right"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_85 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_85 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_85 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_85 > [data-item]:hover | background-color
*/
.theme_button_85 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_85 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_85 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_85 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de Envelope | http://prntscr.com/93ua04

ICONE USADO | <i class="fa fa-envelope"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_86 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_86 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_86 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_86 > [data-item]:hover | background-color
*/
.theme_button_86 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0px 5px 0px #20467b;
    cursor: pointer;
}

.theme_button_86 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_86 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_86 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o redondo estilo flat com o icone de L�pis | http://prntscr.com/93ubjl

ICONE USADO | <i class="fa fa-pencil"></i>

TAMANHO MINIMO
min-widht:50px
min-height:50px

Cor_01 | #2c82c9
.theme_button_87 > [data-item] | background-color

Cor_02 | #20467b
.theme_button_87 > [data-item] | box-shadow

Cor_03 | #EEEEEE
.theme_button_87 > [data-item] i | color

cor_04 | #2c82c9
.theme_button_87 > [data-item]:hover | background-color
*/
.theme_button_87 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    box-shadow: 0 5px 0 #20467b;
    cursor: pointer;
}

.theme_button_87 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_87 > [data-item]:hover {
    position: relative;
    background-color: #2c82c9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    top: 5px;
}

.theme_button_87 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 25px;
}

/*
Bot�o Circulo Coridos - Seta_01 | http://prntscr.com/93vfkx

ICONE USADO | <i class="fa fa-angle-right"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #2c82c9
.theme_button_88 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_88 > [data-item] i | color

cor_03 | #41a85f
.theme_button_88 > [data-item]:hover | background-color
*/
.theme_button_88 > [data-item] {
    background-color: #61bd6d;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_88 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_88 > [data-item]:hover {
    position: relative;
    background-color: #41a85f;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_88 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Check | http://prntscr.com/93vgmz

ICONE USADO | <i class="fa fa-check"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #1abc9c
.theme_button_89 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_89 > [data-item] i | color

cor_03 | #00a885
.theme_button_89 > [data-item]:hover | background-color
*/
.theme_button_89 > [data-item] {
    background-color: #1abc9c;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_89 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_89 > [data-item]:hover {
    position: relative;
    background-color: #00a885;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_89 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Mapa | http://prntscr.com/93vho8

ICONE USADO | <i class="fa fa-map-marker"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #54acd2
.theme_button_90 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_90 > [data-item] i | color

cor_03 | #3d8eb9
.theme_button_90 > [data-item]:hover | background-color
*/
.theme_button_90 > [data-item] {
    background-color: #54acd2;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_90 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_90 > [data-item]:hover {
    position: relative;
    background-color: #3d8eb9;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_90 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Mais | http://prntscr.com/93vip0

ICONE USADO | <i class="fa fa-plus"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #2c82c9
.theme_button_91 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_91 > [data-item] i | color

cor_03 | #2969b0
.theme_button_91 > [data-item]:hover | background-color
*/
.theme_button_91 > [data-item] {
    background-color: #2c82c9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_91 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_91 > [data-item]:hover {
    position: relative;
    background-color: #2969b0;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_91 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Casa | http://prntscr.com/93vlfo

ICONE USADO | <i class="fa fa-home"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #9365b8
.theme_button_92 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_92 > [data-item] i | color

cor_03 | #553982
.theme_button_92 > [data-item]:hover | background-color
*/
.theme_button_92 > [data-item] {
    background-color: #9365b8;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_92 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_92 > [data-item]:hover {
    position: relative;
    background-color: #553982;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_92 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Seta_02 | http://prntscr.com/93vnm1

ICONE USADO | <i class="fa fa-arrow-right"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #475577
.theme_button_93 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_93 > [data-item] i | color

cor_03 | #28324e
.theme_button_93 > [data-item]:hover | background-color
*/
.theme_button_93 > [data-item] {
    background-color: #475577;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_93 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_93 > [data-item]:hover {
    position: relative;
    background-color: #28324e;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_93 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Seta_02 | http://prntscr.com/93vnm1

ICONE USADO | <i class="fa fa-arrow-right"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #475577
.theme_button_94 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_94 > [data-item] i | color

cor_03 | #28324e
.theme_button_94 > [data-item]:hover | background-color
*/
.theme_button_94 > [data-item] {
    background-color: #475577;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_94 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_94 > [data-item]:hover {
    position: relative;
    background-color: #28324e;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_94 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos -L�pis | http://prntscr.com/93vtc4

ICONE USADO | <i class="fa fa-pencil"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #f7da64
.theme_button_95 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_95 > [data-item] i | color

cor_03 | #fac51c
.theme_button_95 > [data-item]:hover | background-color
*/
.theme_button_95 > [data-item] {
    background-color: #f7da64;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_95 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_95 > [data-item]:hover {
    position: relative;
    background-color: #fac51c;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_95 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Megafone | http://prntscr.com/93vuko

ICONE USADO | <i class="fa fa-bullhorn"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #fba026
.theme_button_96 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_96 > [data-item] i | color

cor_03 | #f37934
.theme_button_96 > [data-item]:hover | background-color
*/
.theme_button_96 > [data-item] {
    background-color: #fba026;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_96 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_96 > [data-item]:hover {
    position: relative;
    background-color: #f37934;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_96 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Onibus | http://prntscr.com/93vvhe

ICONE USADO | <i class="fa fa-bus"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #eb6b56
.theme_button_97 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_97 > [data-item] i | color

cor_03 | #d14841
.theme_button_97 > [data-item]:hover | background-color
*/
.theme_button_97 > [data-item] {
    background-color: #eb6b56;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_97 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_97 > [data-item]:hover {
    position: relative;
    background-color: #d14841;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_97 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Camera | http://prntscr.com/93vxhv

ICONE USADO | <i class="fa fa-camera"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #e14938
.theme_button_98 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_98 > [data-item] i | color

cor_03 | #b8312f
.theme_button_98 > [data-item]:hover | background-color
*/
.theme_button_98 > [data-item] {
    background-color: #e14938;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_98 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_98 > [data-item]:hover {
    position: relative;
    background-color: #b8312f;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_98 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Crian�a | http://prntscr.com/93vyn0

ICONE USADO | <i class="fa fa-child"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #a38f84
.theme_button_99 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_99 > [data-item] i | color

cor_03 | #75706b
.theme_button_99 > [data-item]:hover | background-color
*/
.theme_button_99 > [data-item] {
    background-color: #a38f84;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_99 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_99 > [data-item]:hover {
    position: relative;
    background-color: #75706b;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_99 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo Coridos - Coment�rio | http://prntscr.com/93vztn

ICONE USADO | <i class="fa fa-commenting-o"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

Cor_01 | #efefef
.theme_button_100 > [data-item] | background-color

Cor_02 | #EEEEEE
.theme_button_100 > [data-item] i | color

cor_03 | #d1d5d8
.theme_button_100 > [data-item]:hover | background-color
*/
.theme_button_100 > [data-item] {
    background-color: #b9b9b9;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_100 > [data-item] i {
    color: #EEEEEE;
    /*cor do icone*/
    font-size: 35px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_100 > [data-item]:hover {
    position: relative;
    background-color: #8a8e91;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_100 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Usu�rio + | http://prntscr.com/944dxb

ICONE USADO | <i class="fa fa-user-plus"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_101 > [data-item] - background-color
.theme_button_101 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_101 > [data-item] - border
.theme_button_101 > [data-item] i - color
.theme_button_101 > [data-item]:hover - border

*/
.theme_button_101 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_101 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_101 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_101 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Seta fina | http://prntscr.com/944npo

ICONE USADO | <i class="fa fa-angle-right"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_101 > [data-item] - background-color
.theme_button_101 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_101 > [data-item] - border
.theme_button_101 > [data-item] i - color
.theme_button_101 > [data-item]:hover - border
*/
.theme_button_102 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_102 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 50px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_102 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_102 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 52px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Carinho de Compra | http://prntscr.com/944oy9

ICONE USADO | <i class="fa fa-shopping-cart"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_101 > [data-item] - background-color
.theme_button_101 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_101 > [data-item] - border
.theme_button_101 > [data-item] i - color
.theme_button_101 > [data-item]:hover - border
*/
.theme_button_103 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_103 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_103 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_103 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Check | http://prntscr.com/944sox

ICONE USADO | <i class="fa fa-check"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_104 > [data-item] - background-color
.theme_button_104 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_104 > [data-item] - border
.theme_button_104 > [data-item] i - color
.theme_button_104 > [data-item]:hover - border
*/
.theme_button_104 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_104 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_104 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_104 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Localiza��o | http://prntscr.com/944t33

ICONE USADO | <i class="fa fa-map-marker"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_105 > [data-item] - background-color
.theme_button_105 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_105 > [data-item] - border
.theme_button_105 > [data-item] i - color
.theme_button_105 > [data-item]:hover - border
*/
.theme_button_105 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_105 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_105 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_105 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Plus | http://prntscr.com/944tj7

ICONE USADO | <i class="fa fa-plus"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_106 > [data-item] - background-color
.theme_button_106 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_106 > [data-item] - border
.theme_button_106 > [data-item] i - color
.theme_button_106 > [data-item]:hover - border
*/
.theme_button_106 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_106 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_106 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_106 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Casa | http://prntscr.com/948lb7

ICONE USADO | <i class="fa fa-home"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_107 > [data-item] - background-color
.theme_button_107 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_107 > [data-item] - border
.theme_button_107 > [data-item] i - color
.theme_button_107 > [data-item]:hover - border
*/
.theme_button_107 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_107 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_107 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_107 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Seta Grossa | http://prntscr.com/948nvm

ICONE USADO | <i class="fa fa-arrow-right"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_108 > [data-item] - background-color
.theme_button_108 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_108 > [data-item] - border
.theme_button_108 > [data-item] i - color
.theme_button_108 > [data-item]:hover - border
*/
.theme_button_108 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_108 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_108 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_108 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Envelope | http://prntscr.com/948q7f

ICONE USADO | <i class="fa fa-envelope"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_109 > [data-item] - background-color
.theme_button_109 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_109 > [data-item] - border
.theme_button_109 > [data-item] i - color
.theme_button_109 > [data-item]:hover - border
*/
.theme_button_109 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_109 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_109 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_109 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - L�pis | http://prntscr.com/948qwv

ICONE USADO | <i class="fa fa-pencil"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_110 > [data-item] - background-color
.theme_button_110 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_110 > [data-item] - border
.theme_button_110 > [data-item] i - color
.theme_button_110 > [data-item]:hover - border
*/
.theme_button_110 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_110 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_110 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_110 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Megafone | http://prntscr.com/948rst

ICONE USADO | <i class="fa fa-bullhorn"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_111 > [data-item] - background-color
.theme_button_111 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_111 > [data-item] - border
.theme_button_111 > [data-item] i - color
.theme_button_111 > [data-item]:hover - border
*/
.theme_button_111 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_111 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_111 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_111 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Onibus | http://prntscr.com/948rst

ICONE USADO | <i class="fa fa-bus"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_112 > [data-item] - background-color
.theme_button_112 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_112 > [data-item] - border
.theme_button_112 > [data-item] i - color
.theme_button_112 > [data-item]:hover - border
*/
.theme_button_112 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_112 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_112 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_112 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Onibus | http://prntscr.com/948rst

ICONE USADO | <i class="fa fa-bus"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_113 > [data-item] - background-color
.theme_button_113 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_113 > [data-item] - border
.theme_button_113 > [data-item] i - color
.theme_button_113 > [data-item]:hover - border
*/
.theme_button_113 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_113 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_113 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_113 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Camera | http://prntscr.com/94hsoj

ICONE USADO | <i class="fa fa-camera"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_114 > [data-item] - background-color
.theme_button_114 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_114 > [data-item] - border
.theme_button_114 > [data-item] i - color
.theme_button_114 > [data-item]:hover - border
*/
.theme_button_114 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_114 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_114 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_114 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Crian�a | http://prntscr.com/94huok

ICONE USADO | <i class="fa fa-child"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_115 > [data-item] - background-color
.theme_button_115 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_115 > [data-item] - border
.theme_button_115 > [data-item] i - color
.theme_button_115 > [data-item]:hover - border
*/
.theme_button_115 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_115 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_115 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_115 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Rel�gio | http://prntscr.com/94hyty

ICONE USADO | <i class="fa fa-clock-o"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_116 > [data-item] - background-color
.theme_button_116 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_116 > [data-item] - border
.theme_button_116 > [data-item] i - color
.theme_button_116 > [data-item]:hover - border
*/
.theme_button_116 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_116 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_116 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_116 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Apenas com o contorno Preto - Coment�rio | http://prntscr.com/94hze6

ICONE USADO | <i class="fa fa-clock-o"></i>

TAMANHO MINIMO
min-widht: 60px
min-height: 60px

COR 1 - #ffffff
.theme_button_117 > [data-item] - background-color
.theme_button_117 > [data-item]:hover - background-color

COR 2 - #222222
.theme_button_117 > [data-item] - border
.theme_button_117 > [data-item] i - color
.theme_button_117 > [data-item]:hover - border
*/
.theme_button_117 > [data-item] {
    background-color: #ffffff;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    border: solid 2px #222222;
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_117 > [data-item] i {
    color: #222222;
    /*cor do icone*/
    font-size: 30px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_117 > [data-item]:hover {
    position: relative;
    background-color: #ffffff;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
    border: solid 3px #222222;
}

.theme_button_117 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 32px;
}

/*
Bot�o Circulo - Grande - Rosa | Usu�rio | http://prntscr.com/94zon6

ICONE USADO | <i class="fa fa-user-plus"></i>

TAMANHO MINIMO
min-widht: 100px
min-height: 100px

COR 1 - #C90848
.theme_button_118 > [data-item] - background-color

COR 2 - #ffffff
.theme_button_118 > [data-item] - background-color

Cor 3 - #A7013E
.theme_button_118 > [data-item]:hover - Background-color
*/
.theme_button_118 > [data-item] {
    background-color: #C90848;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_118 > [data-item] i {
    color: #ffffff;
    /*cor do icone*/
    font-size: 45px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_118 > [data-item]:hover {
    position: relative;
    background-color: #A7013E;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_118 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo - Grande - Rosa | Seta Fina | http://prntscr.com/94zuz6

ICONE USADO | <i class="fa fa-angle-right"></i>

TAMANHO MINIMO
min-widht: 100px
min-height: 100px

COR 1 - #C90848
.theme_button_119 > [data-item] - background-color

COR 2 - #ffffff
.theme_button_119 > [data-item] - background-color

Cor 3 - #A7013E
.theme_button_119 > [data-item]:hover - Background-color
*/
.theme_button_119 > [data-item] {
    background-color: #C90848;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_119 > [data-item] i {
    color: #ffffff;
    /*cor do icone*/
    font-size: 45px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_119 > [data-item]:hover {
    position: relative;
    background-color: #A7013E;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_119 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo - Grande - Rosa | Carrinho de Compra| http://prntscr.com/94zwoz

ICONE USADO | <i class="fa fa-shopping-cart"></i>

TAMANHO MINIMO
min-widht: 100px
min-height: 100px

COR 1 - #C90848
.theme_button_120 > [data-item] - background-color

COR 2 - #ffffff
.theme_button_120 > [data-item] - background-color

Cor 3 - #A7013E
.theme_button_120 > [data-item]:hover - Background-color
*/
.theme_button_120 > [data-item] {
    background-color: #C90848;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_120 > [data-item] i {
    color: #ffffff;
    /*cor do icone*/
    font-size: 45px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_120 > [data-item]:hover {
    position: relative;
    background-color: #A7013E;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_120 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo - Grande - Rosa | Check | http://prntscr.com/94zzoi

ICONE USADO | <i class="fa fa-check"></i>

TAMANHO MINIMO
min-widht: 100px
min-height: 100px

COR 1 - #C90848
.theme_button_121 > [data-item] - background-color

COR 2 - #ffffff
.theme_button_121 > [data-item] - background-color

Cor 3 - #A7013E
.theme_button_121 > [data-item]:hover - Background-color
*/
.theme_button_121 > [data-item] {
    background-color: #C90848;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_121 > [data-item] i {
    color: #ffffff;
    /*cor do icone*/
    font-size: 45px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_121 > [data-item]:hover {
    position: relative;
    background-color: #A7013E;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_121 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo - Grande - Rosa | Localiza��o | http://prntscr.com/9500mq

ICONE USADO | <i class="fa fa-map-marker"></i>

TAMANHO MINIMO
min-widht: 100px
min-height: 100px

COR 1 - #C90848
.theme_button_122 > [data-item] - background-color

COR 2 - #ffffff
.theme_button_122 > [data-item] - background-color

Cor 3 - #A7013E
.theme_button_122 > [data-item]:hover - Background-color
*/
.theme_button_122 > [data-item] {
    background-color: #C90848;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_122 > [data-item] i {
    color: #ffffff;
    /*cor do icone*/
    font-size: 45px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_122 > [data-item]:hover {
    position: relative;
    background-color: #A7013E;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_122 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*
Bot�o Circulo - Grande - Rosa |Plus | http://prntscr.com/9501bm

ICONE USADO | <i class="fa fa-plus"></i>

TAMANHO MINIMO
min-widht: 100px
min-height: 100px

COR 1 - #C90848
.theme_button_123 > [data-item] - background-color

COR 2 - #ffffff
.theme_button_123 > [data-item] - background-color

Cor 3 - #A7013E
.theme_button_123 > [data-item]:hover - Background-color
*/
.theme_button_123 > [data-item] {
    background-color: #C90848;
    /*cor do bot�o*/
    border-radius: 100px;
    /*define o arredondamento dos cantos*/
    text-align: center;
    /*alinhamento do icone*/
    cursor: pointer;
}

.theme_button_123 > [data-item] i {
    color: #ffffff;
    /*cor do icone*/
    font-size: 45px;
    /*tamanho do icone sem o hover | quando o mouse n�o estiver no sobre o bot�o*/
}

.theme_button_123 > [data-item]:hover {
    position: relative;
    background-color: #A7013E;
    /*cor do bot�o quando o mouse estiver sobre ele*/
    box-shadow: none;
}

.theme_button_123 > [data-item]:hover i {
    /*� assim que faz para atribuir o houver no icone i*/
    position: relative;
    font-size: 40px;
}

/*CUSTOM*/
.preview_button > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
}

/*Primary*/
.preview_button.button_1 > [data-item] {
    background-color: var(--main-color-primary-light);
    color: white;
}

.preview_button.button_1 > [data-item]:hover {
    background-color: var(--main-color-primary-darken);
    color: white;
}

.preview_button.button_1_1 > [data-item] {
    background-color: var(--main-color-primary-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_1 > [data-item]:hover {
    background-color: var(--main-color-primary-darken);
    color: white;
}

.preview_button.button_2_2 > .aux_style_1 {
    background-color: var(--main-color-primary-light-3);
}

.preview_button.button_2_2 > [data-item] {
    color: white;
}

.preview_button.button_2_2 > .aux_style_2 {
    border-left-color: var(--main-color-primary-light-3);
}

.preview_button.button_2_2:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-3);
}

.preview_button.button_2_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_2:hover > .aux_style_2 {
    border-left-color: var(--main-color-primary-darken-3);
}

.preview_button.button_1_3 > [data-item] {
    background-color: var(--main-color-primary-light-2);
    color: white;
    border-radius: 30px 0;
}

.preview_button.button_1_3 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-2);
    color: white;
}

.preview_button.button_1_4 > [data-item] {
    background-color: var(--main-color-primary-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_4 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-3);
    color: white;
}

.preview_button.button_3_5 > .aux_style_1 {
    background-color: var(--main-color-primary-light-3);
}

.preview_button.button_3_5 > [data-item] {
    color: white;
}

.preview_button.button_3_5 > .aux_style_2 {
    border-right-color: var(--main-color-primary-light-3);
}

.preview_button.button_3_5:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-3);
}

.preview_button.button_3_5 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_5:hover > .aux_style_2 {
    border-right-color: var(--main-color-primary-darken-3);
}

/*Orange*/
.preview_button.button_1_6 > [data-item] {
    background-color: var(--main-color-orange-light);
    color: white;
}

.preview_button.button_1_6 > [data-item]:hover {
    background-color: var(--main-color-orange-darken);
    color: white;
}

.preview_button.button_1_7 > [data-item] {
    background-color: var(--main-color-orange-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_7 > [data-item]:hover {
    background-color: var(--main-color-orange-darken);
    color: white;
}

.preview_button.button_2_8 > .aux_style_1 {
    background-color: var(--main-color-orange-light-3);
}

.preview_button.button_2_8 > [data-item] {
    color: white;
}

.preview_button.button_2_8 > .aux_style_2 {
    border-left-color: var(--main-color-orange-light-3);
}

.preview_button.button_2_8:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-3);
}

.preview_button.button_2_8 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_8:hover > .aux_style_2 {
    border-left-color: var(--main-color-orange-darken-3);
}

.preview_button.button_1_9 > [data-item] {
    background-color: var(--main-color-orange-light-2);
    color: white;
    border-radius: 0 30px;
}

.preview_button.button_1_9 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-2);
    color: white;
}

.preview_button.button_1_10 > [data-item] {
    background-color: var(--main-color-orange-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_10 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-3);
    color: white;
}

.preview_button.button_3_11 > .aux_style_1 {
    background-color: var(--main-color-orange-light-3);
}

.preview_button.button_3_11 > [data-item] {
    color: white;
}

.preview_button.button_3_11 > .aux_style_2 {
    border-right-color: var(--main-color-orange-light-3);
}

.preview_button.button_3_11:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-3);
}

.preview_button.button_3_11 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_11:hover > .aux_style_2 {
    border-right-color: var(--main-color-orange-darken-3);
}

/*Success*/
.preview_button.button_1_12 > [data-item] {
    background-color: var(--main-color-success-light);
    color: white;
}

.preview_button.button_1_12 > [data-item]:hover {
    background-color: var(--main-color-success-darken);
    color: white;
}

.preview_button.button_1_13 > [data-item] {
    background-color: var(--main-color-success-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_13 > [data-item]:hover {
    background-color: var(--main-color-success-darken);
    color: white;
}

.preview_button.button_2_14 > .aux_style_1 {
    background-color: var(--main-color-success-light-3);
}

.preview_button.button_2_14 > [data-item] {
    color: white;
}

.preview_button.button_2_14 > .aux_style_2 {
    border-left-color: var(--main-color-success-light-3);
}

.preview_button.button_2_14:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-3);
}

.preview_button.button_2_14 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_14:hover > .aux_style_2 {
    border-left-color: var(--main-color-success-darken-3);
}

.preview_button.button_1_15 > [data-item] {
    background-color: var(--main-color-success-light-2);
    color: white;
    border-radius: 30px 0;
}

.preview_button.button_1_15 > [data-item]:hover {
    background-color: var(--main-color-success-darken-2);
    color: white;
}

.preview_button.button_1_16 > [data-item] {
    background-color: var(--main-color-success-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_16 > [data-item]:hover {
    background-color: var(--main-color-success-darken-3);
    color: white;
}

.preview_button.button_3_17 > .aux_style_1 {
    background-color: var(--main-color-success-light-3);
}

.preview_button.button_3_17 > [data-item] {
    color: white;
}

.preview_button.button_3_17 > .aux_style_2 {
    border-right-color: var(--main-color-success-light-3);
}

.preview_button.button_3_17:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-3);
}

.preview_button.button_3_17 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_17:hover > .aux_style_2 {
    border-right-color: var(--main-color-success-darken-3);
}

/*Grey*/
.preview_button.button_1_18 > [data-item] {
    background-color: var(--main-color-grey-light);
    color: white;
}

.preview_button.button_1_18 > [data-item]:hover {
    background-color: var(--main-color-grey-darken);
    color: white;
}

.preview_button.button_1_19 > [data-item] {
    background-color: var(--main-color-grey-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_19 > [data-item]:hover {
    background-color: var(--main-color-grey-darken);
    color: white;
}

.preview_button.button_2_20 > .aux_style_1 {
    background-color: var(--main-color-grey-light-3);
}

.preview_button.button_2_20 > [data-item] {
    color: white;
}

.preview_button.button_2_20 > .aux_style_2 {
    border-left-color: var(--main-color-grey-light-3);
}

.preview_button.button_2_20:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-3);
}

.preview_button.button_2_20 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_20:hover > .aux_style_2 {
    border-left-color: var(--main-color-grey-darken-3);
}

.preview_button.button_1_21 > [data-item] {
    background-color: var(--main-color-grey-light-2);
    color: white;
    border-radius: 0 30px;
}

.preview_button.button_1_21 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-2);
    color: white;
}

.preview_button.button_1_22 > [data-item] {
    background-color: var(--main-color-grey-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_22 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-3);
    color: white;
}

.preview_button.button_3_23 > .aux_style_1 {
    background-color: var(--main-color-grey-light-3);
}

.preview_button.button_3_23 > [data-item] {
    color: white;
}

.preview_button.button_3_23 > .aux_style_2 {
    border-right-color: var(--main-color-grey-light-3);
}

.preview_button.button_3_23:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-3);
}

.preview_button.button_3_23 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_23:hover > .aux_style_2 {
    border-right-color: var(--main-color-grey-darken-3);
}

/*Primary 2*/
.preview_button.button_1_24 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light);
    color: var(--main-color-primary-light);
}

.preview_button.button_1_24 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken);
    color: var(--main-color-primary-darken);
}

.preview_button.button_1_25 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light);
    color: var(--main-color-primary-light);
    border-radius: 50px;
}

.preview_button.button_1_25 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken);
    color: var(--main-color-primary-darken);
}

.preview_button.button_1_26 > [data-item] {
    background-color: transparent;
    color: var(--main-color-primary-light-2);
}

.preview_button.button_1_26 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-primary-darken-2);
}

.preview_button.button_1_27 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light-2);
    color: var(--main-color-primary-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_27 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken-2);
    color: var(--main-color-primary-darken-2);
}

.preview_button.button_1_28 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light-3);
    color: var(--main-color-primary-light-3);
    border-radius: 10px;
}

.preview_button.button_1_28 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken-3);
    color: var(--main-color-primary-darken-3);
}

.preview_button.button_1_29 > [data-item] {
    background-color: transparent;
    color: var(--main-color-primary-light-3);
}

.preview_button.button_1_29 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-primary-darken-3);
}

/*Orange 2*/
.preview_button.button_1_30 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light);
    color: var(--main-color-orange-light);
}

.preview_button.button_1_30 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken);
    color: var(--main-color-orange-darken);
}

.preview_button.button_1_31 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light);
    color: var(--main-color-orange-light);
    border-radius: 50px;
}

.preview_button.button_1_31 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken);
    color: var(--main-color-orange-darken);
}

.preview_button.button_1_32 > [data-item] {
    background-color: transparent;
    color: var(--main-color-orange-light-2);
}

.preview_button.button_1_32 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-orange-darken-2);
}

.preview_button.button_1_33 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light-2);
    color: var(--main-color-orange-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_33 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken-2);
    color: var(--main-color-orange-darken-2);
}

.preview_button.button_1_34 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light-3);
    color: var(--main-color-orange-light-3);
    border-radius: 10px;
}

.preview_button.button_1_34 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken-3);
    color: var(--main-color-orange-darken-3);
}

.preview_button.button_1_35 > [data-item] {
    background-color: transparent;
    color: var(--main-color-orange-light-3);
}

.preview_button.button_1_35 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-orange-darken-3);
}

/*Success 2*/
.preview_button.button_1_36 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light);
    color: var(--main-color-success-light);
}

.preview_button.button_1_36 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken);
    color: var(--main-color-success-darken);
}

.preview_button.button_1_37 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light);
    color: var(--main-color-success-light);
    border-radius: 50px;
}

.preview_button.button_1_37 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken);
    color: var(--main-color-success-darken);
}

.preview_button.button_1_38 > [data-item] {
    background-color: transparent;
    color: var(--main-color-success-light-2);
}

.preview_button.button_1_38 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-success-darken-2);
}

.preview_button.button_1_39 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light-2);
    color: var(--main-color-success-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_39 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken-2);
    color: var(--main-color-success-darken-2);
}

.preview_button.button_1_40 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light-3);
    color: var(--main-color-success-light-3);
    border-radius: 10px;
}

.preview_button.button_1_40 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken-3);
    color: var(--main-color-success-darken-3);
}

.preview_button.button_1_41 > [data-item] {
    background-color: transparent;
    color: var(--main-color-success-light-3);
}

.preview_button.button_1_41 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-success-darken-3);
}

/*Grey 2*/
.preview_button.button_1_42 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light);
    color: var(--main-color-grey-light);
}

.preview_button.button_1_42 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken);
    color: var(--main-color-grey-darken);
}

.preview_button.button_1_43 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light);
    color: var(--main-color-grey-light);
    border-radius: 50px;
}

.preview_button.button_1_43 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken);
    color: var(--main-color-grey-darken);
}

.preview_button.button_1_44 > [data-item] {
    background-color: transparent;
    color: var(--main-color-grey-light-2);
}

.preview_button.button_1_44 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-grey-darken-2);
}

.preview_button.button_1_45 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light-2);
    color: var(--main-color-grey-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_45 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken-2);
    color: var(--main-color-grey-darken-2);
}

.preview_button.button_1_46 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light-3);
    color: var(--main-color-grey-light-3);
    border-radius: 10px;
}

.preview_button.button_1_46 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken-3);
    color: var(--main-color-grey-darken-3);
}

.preview_button.button_1_47 > [data-item] {
    background-color: transparent;
    color: var(--main-color-grey-light-3);
}

.preview_button.button_1_47 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-grey-darken-3);
}

/*separator*/
.preview_button.button_2 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
}

.preview_button.button_2 > [data-item] {
    color: white;
}

.preview_button.button_2 > .aux_style_2 {
    border-left-color: var(--main-color-primary-light);
}

.preview_button.button_2:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_2:hover > .aux_style_2 {
    border-left-color: var(--main-color-primary-darken);
}

.preview_button.button_3 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
}

.preview_button.button_3 > [data-item] {
    color: white;
}

.preview_button.button_3 > .aux_style_2 {
    border-right-color: var(--main-color-primary-light);
}

.preview_button.button_3:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_3:hover > .aux_style_2 {
    border-right-color: var(--main-color-primary-darken);
}

.preview_button.button_4 > [data-item] {
    color: white;
}

.preview_button.button_4 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
}

.preview_button.button_4 > [data-item]:hover {
    color: white;
}

.preview_button.button_4:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_4_1 > [data-item] {
    color: white;
}

.preview_button.button_4_1 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
    border-radius: 50px;
}

.preview_button.button_4_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_4_1:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_4_2 > [data-item] {
    color: white;
}

.preview_button.button_4_2 > .aux_style_1 {
    background-color: var(--main-color-primary-light-2);
    border-radius: 30px 0;
}

.preview_button.button_4_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_4_2:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-2);
}

.preview_button.button_4_3 > [data-item] {
    color: white;
}

.preview_button.button_4_3 > .aux_style_1 {
    background-color: var(--main-color-primary-light-2);
    border-radius: 10px;
}

.preview_button.button_4_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_4_3:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-2);
}

.preview_button.button_5 > [data-item] {
    color: white;
}

.preview_button.button_5 > .aux_style_1 {
    background-color: var(--main-color-orange-light);
}

.preview_button.button_5 > [data-item]:hover {
    color: white;
}

.preview_button.button_5:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken);
}

.preview_button.button_5_1 > [data-item] {
    color: white;
}

.preview_button.button_5_1 > .aux_style_1 {
    background-color: var(--main-color-orange-light);
    border-radius: 50px;
}

.preview_button.button_5_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_5_1:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken);
}

.preview_button.button_5_2 > [data-item] {
    color: white;
}

.preview_button.button_5_2 > .aux_style_1 {
    background-color: var(--main-color-orange-light-2);
    border-radius: 30px 0;
}

.preview_button.button_5_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_5_2:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-2);
}

.preview_button.button_5_3 > [data-item] {
    color: white;
}

.preview_button.button_5_3 > .aux_style_1 {
    background-color: var(--main-color-orange-light-2);
    border-radius: 10px;
}

.preview_button.button_5_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_5_3:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-2);
}

.preview_button.button_6 > [data-item] {
    color: white;
}

.preview_button.button_6 > .aux_style_1 {
    background-color: var(--main-color-success-light);
}

.preview_button.button_6 > [data-item]:hover {
    color: white;
}

.preview_button.button_6:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken);
}

.preview_button.button_6_1 > [data-item] {
    color: white;
}

.preview_button.button_6_1 > .aux_style_1 {
    background-color: var(--main-color-success-light);
    border-radius: 50px;
}

.preview_button.button_6_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_6_1:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken);
}

.preview_button.button_6_2 > [data-item] {
    color: white;
}

.preview_button.button_6_2 > .aux_style_1 {
    background-color: var(--main-color-success-light-2);
    border-radius: 30px 0;
}

.preview_button.button_6_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_6_2:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-2);
}

.preview_button.button_6_3 > [data-item] {
    color: white;
}

.preview_button.button_6_3 > .aux_style_1 {
    background-color: var(--main-color-success-light-2);
    border-radius: 10px;
}

.preview_button.button_6_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_6_3:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-2);
}

.preview_button.button_7 > [data-item] {
    color: white;
}

.preview_button.button_7 > .aux_style_1 {
    background-color: var(--main-color-grey-light);
}

.preview_button.button_7 > [data-item]:hover {
    color: white;
}

.preview_button.button_7:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken);
}

.preview_button.button_7_1 > [data-item] {
    color: white;
}

.preview_button.button_7_1 > .aux_style_1 {
    background-color: var(--main-color-grey-light);
    border-radius: 50px;
}

.preview_button.button_7_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_7_1:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken);
}

.preview_button.button_7_2 > [data-item] {
    color: white;
}

.preview_button.button_7_2 > .aux_style_1 {
    background-color: var(--main-color-grey-light-2);
    border-radius: 30px 0;
}

.preview_button.button_7_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_7_2:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-2);
}

.preview_button.button_7_3 > [data-item] {
    color: white;
}

.preview_button.button_7_3 > .aux_style_1 {
    background-color: var(--main-color-grey-light-2);
    border-radius: 10px;
}

.preview_button.button_7_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_7_3:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-2);
}

.preview_button.button_9 > [data-item] {
    background-color: var(--main-color-primary-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-primary-darken);
    border-radius: 10px;
}

.preview_button.button_9 > [data-item]:hover {
    background-color: var(--main-color-primary-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_1 > [data-item] {
    background-color: var(--main-color-primary-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-primary-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_1 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_2 > [data-item] {
    background-color: var(--main-color-primary-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-primary-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_2 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_3 > [data-item] {
    background-color: var(--main-color-orange-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-orange-darken);
    border-radius: 10px;
}

.preview_button.button_9_3 > [data-item]:hover {
    background-color: var(--main-color-orange-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_4 > [data-item] {
    background-color: var(--main-color-orange-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-orange-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_4 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_5 > [data-item] {
    background-color: var(--main-color-orange-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-orange-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_5 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_6 > [data-item] {
    background-color: var(--main-color-success-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-success-darken);
    border-radius: 10px;
}

.preview_button.button_9_6 > [data-item]:hover {
    background-color: var(--main-color-success-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_7 > [data-item] {
    background-color: var(--main-color-success-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-success-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_7 > [data-item]:hover {
    background-color: var(--main-color-success-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_8 > [data-item] {
    background-color: var(--main-color-success-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-success-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_8 > [data-item]:hover {
    background-color: var(--main-color-success-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_9 > [data-item] {
    background-color: var(--main-color-grey-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-grey-darken);
    border-radius: 10px;
}

.preview_button.button_9_9 > [data-item]:hover {
    background-color: var(--main-color-grey-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_10 > [data-item] {
    background-color: var(--main-color-grey-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-grey-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_10 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_11 > [data-item] {
    background-color: var(--main-color-grey-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-grey-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_11 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_1 > [data-item] {
    background-color: var(--main-color-primary-light);
    color: white;
}

.preview_button.button_1 > [data-item]:hover {
    background-color: var(--main-color-primary-darken);
    color: white;
}

.preview_button.button_1_1 > [data-item] {
    background-color: var(--main-color-primary-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_1 > [data-item]:hover {
    background-color: var(--main-color-primary-darken);
    color: white;
}

.preview_button.button_2_2 > .aux_style_1 {
    background-color: var(--main-color-primary-light-3);
}

.preview_button.button_2_2 > [data-item] {
    color: white;
}

.preview_button.button_2_2 > .aux_style_2 {
    border-left-color: var(--main-color-primary-light-3);
}

.preview_button.button_2_2:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-3);
}

.preview_button.button_2_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_2:hover > .aux_style_2 {
    border-left-color: var(--main-color-primary-darken-3);
}

.preview_button.button_1_3 > [data-item] {
    background-color: var(--main-color-primary-light-2);
    color: white;
    border-radius: 30px 0;
}

.preview_button.button_1_3 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-2);
    color: white;
}

.preview_button.button_1_4 > [data-item] {
    background-color: var(--main-color-primary-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_4 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-3);
    color: white;
}

.preview_button.button_3_5 > .aux_style_1 {
    background-color: var(--main-color-primary-light-3);
}

.preview_button.button_3_5 > [data-item] {
    color: white;
}

.preview_button.button_3_5 > .aux_style_2 {
    border-right-color: var(--main-color-primary-light-3);
}

.preview_button.button_3_5:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-3);
}

.preview_button.button_3_5 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_5:hover > .aux_style_2 {
    border-right-color: var(--main-color-primary-darken-3);
}

/*Orange*/
.preview_button.button_1_6 > [data-item] {
    background-color: var(--main-color-orange-light);
    color: white;
}

.preview_button.button_1_6 > [data-item]:hover {
    background-color: var(--main-color-orange-darken);
    color: white;
}

.preview_button.button_1_7 > [data-item] {
    background-color: var(--main-color-orange-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_7 > [data-item]:hover {
    background-color: var(--main-color-orange-darken);
    color: white;
}

.preview_button.button_2_8 > .aux_style_1 {
    background-color: var(--main-color-orange-light-3);
}

.preview_button.button_2_8 > [data-item] {
    color: white;
}

.preview_button.button_2_8 > .aux_style_2 {
    border-left-color: var(--main-color-orange-light-3);
}

.preview_button.button_2_8:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-3);
}

.preview_button.button_2_8 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_8:hover > .aux_style_2 {
    border-left-color: var(--main-color-orange-darken-3);
}

.preview_button.button_1_9 > [data-item] {
    background-color: var(--main-color-orange-light-2);
    color: white;
    border-radius: 0 30px;
}

.preview_button.button_1_9 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-2);
    color: white;
}

.preview_button.button_1_10 > [data-item] {
    background-color: var(--main-color-orange-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_10 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-3);
    color: white;
}

.preview_button.button_3_11 > .aux_style_1 {
    background-color: var(--main-color-orange-light-3);
}

.preview_button.button_3_11 > [data-item] {
    color: white;
}

.preview_button.button_3_11 > .aux_style_2 {
    border-right-color: var(--main-color-orange-light-3);
}

.preview_button.button_3_11:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-3);
}

.preview_button.button_3_11 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_11:hover > .aux_style_2 {
    border-right-color: var(--main-color-orange-darken-3);
}

/*Success*/
.preview_button.button_1_12 > [data-item] {
    background-color: var(--main-color-success-light);
    color: white;
}

.preview_button.button_1_12 > [data-item]:hover {
    background-color: var(--main-color-success-darken);
    color: white;
}

.preview_button.button_1_13 > [data-item] {
    background-color: var(--main-color-success-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_13 > [data-item]:hover {
    background-color: var(--main-color-success-darken);
    color: white;
}

.preview_button.button_2_14 > .aux_style_1 {
    background-color: var(--main-color-success-light-3);
}

.preview_button.button_2_14 > [data-item] {
    color: white;
}

.preview_button.button_2_14 > .aux_style_2 {
    border-left-color: var(--main-color-success-light-3);
}

.preview_button.button_2_14:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-3);
}

.preview_button.button_2_14 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_14:hover > .aux_style_2 {
    border-left-color: var(--main-color-success-darken-3);
}

.preview_button.button_1_15 > [data-item] {
    background-color: var(--main-color-success-light-2);
    color: white;
    border-radius: 30px 0;
}

.preview_button.button_1_15 > [data-item]:hover {
    background-color: var(--main-color-success-darken-2);
    color: white;
}

.preview_button.button_1_16 > [data-item] {
    background-color: var(--main-color-success-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_16 > [data-item]:hover {
    background-color: var(--main-color-success-darken-3);
    color: white;
}

.preview_button.button_3_17 > .aux_style_1 {
    background-color: var(--main-color-success-light-3);
}

.preview_button.button_3_17 > [data-item] {
    color: white;
}

.preview_button.button_3_17 > .aux_style_2 {
    border-right-color: var(--main-color-success-light-3);
}

.preview_button.button_3_17:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-3);
}

.preview_button.button_3_17 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_17:hover > .aux_style_2 {
    border-right-color: var(--main-color-success-darken-3);
}

/*Grey*/
.preview_button.button_1_18 > [data-item] {
    background-color: var(--main-color-grey-light);
    color: white;
}

.preview_button.button_1_18 > [data-item]:hover {
    background-color: var(--main-color-grey-darken);
    color: white;
}

.preview_button.button_1_19 > [data-item] {
    background-color: var(--main-color-grey-light);
    color: white;
    border-radius: 50px;
}

.preview_button.button_1_19 > [data-item]:hover {
    background-color: var(--main-color-grey-darken);
    color: white;
}

.preview_button.button_2_20 > .aux_style_1 {
    background-color: var(--main-color-grey-light-3);
}

.preview_button.button_2_20 > [data-item] {
    color: white;
}

.preview_button.button_2_20 > .aux_style_2 {
    border-left-color: var(--main-color-grey-light-3);
}

.preview_button.button_2_20:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-3);
}

.preview_button.button_2_20 > [data-item]:hover {
    color: white;
}

.preview_button.button_2_20:hover > .aux_style_2 {
    border-left-color: var(--main-color-grey-darken-3);
}

.preview_button.button_1_21 > [data-item] {
    background-color: var(--main-color-grey-light-2);
    color: white;
    border-radius: 0 30px;
}

.preview_button.button_1_21 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-2);
    color: white;
}

.preview_button.button_1_22 > [data-item] {
    background-color: var(--main-color-grey-light-3);
    color: white;
    border-radius: 10px;
}

.preview_button.button_1_22 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-3);
    color: white;
}

.preview_button.button_3_23 > .aux_style_1 {
    background-color: var(--main-color-grey-light-3);
}

.preview_button.button_3_23 > [data-item] {
    color: white;
}

.preview_button.button_3_23 > .aux_style_2 {
    border-right-color: var(--main-color-grey-light-3);
}

.preview_button.button_3_23:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-3);
}

.preview_button.button_3_23 > [data-item]:hover {
    color: white;
}

.preview_button.button_3_23:hover > .aux_style_2 {
    border-right-color: var(--main-color-grey-darken-3);
}

/*Primary 2*/
.preview_button.button_1_24 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light);
    color: var(--main-color-primary-light);
}

.preview_button.button_1_24 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken);
    color: var(--main-color-primary-darken);
}

.preview_button.button_1_25 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light);
    color: var(--main-color-primary-light);
    border-radius: 50px;
}

.preview_button.button_1_25 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken);
    color: var(--main-color-primary-darken);
}

.preview_button.button_1_26 > [data-item] {
    background-color: transparent;
    color: var(--main-color-primary-light-2);
}

.preview_button.button_1_26 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-primary-darken-2);
}

.preview_button.button_1_27 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light-2);
    color: var(--main-color-primary-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_27 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken-2);
    color: var(--main-color-primary-darken-2);
}

.preview_button.button_1_28 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-primary-light-3);
    color: var(--main-color-primary-light-3);
    border-radius: 10px;
}

.preview_button.button_1_28 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-primary-darken-3);
    color: var(--main-color-primary-darken-3);
}

.preview_button.button_1_29 > [data-item] {
    background-color: transparent;
    color: var(--main-color-primary-light-3);
}

.preview_button.button_1_29 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-primary-darken-3);
}

/*Orange 2*/
.preview_button.button_1_30 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light);
    color: var(--main-color-orange-light);
}

.preview_button.button_1_30 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken);
    color: var(--main-color-orange-darken);
}

.preview_button.button_1_31 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light);
    color: var(--main-color-orange-light);
    border-radius: 50px;
}

.preview_button.button_1_31 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken);
    color: var(--main-color-orange-darken);
}

.preview_button.button_1_32 > [data-item] {
    background-color: transparent;
    color: var(--main-color-orange-light-2);
}

.preview_button.button_1_32 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-orange-darken-2);
}

.preview_button.button_1_33 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light-2);
    color: var(--main-color-orange-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_33 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken-2);
    color: var(--main-color-orange-darken-2);
}

.preview_button.button_1_34 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-orange-light-3);
    color: var(--main-color-orange-light-3);
    border-radius: 10px;
}

.preview_button.button_1_34 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-orange-darken-3);
    color: var(--main-color-orange-darken-3);
}

.preview_button.button_1_35 > [data-item] {
    background-color: transparent;
    color: var(--main-color-orange-light-3);
}

.preview_button.button_1_35 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-orange-darken-3);
}

/*Success 2*/
.preview_button.button_1_36 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light);
    color: var(--main-color-success-light);
}

.preview_button.button_1_36 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken);
    color: var(--main-color-success-darken);
}

.preview_button.button_1_37 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light);
    color: var(--main-color-success-light);
    border-radius: 50px;
}

.preview_button.button_1_37 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken);
    color: var(--main-color-success-darken);
}

.preview_button.button_1_38 > [data-item] {
    background-color: transparent;
    color: var(--main-color-success-light-2);
}

.preview_button.button_1_38 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-success-darken-2);
}

.preview_button.button_1_39 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light-2);
    color: var(--main-color-success-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_39 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken-2);
    color: var(--main-color-success-darken-2);
}

.preview_button.button_1_40 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-success-light-3);
    color: var(--main-color-success-light-3);
    border-radius: 10px;
}

.preview_button.button_1_40 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-success-darken-3);
    color: var(--main-color-success-darken-3);
}

.preview_button.button_1_41 > [data-item] {
    background-color: transparent;
    color: var(--main-color-success-light-3);
}

.preview_button.button_1_41 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-success-darken-3);
}

/*Grey 2*/
.preview_button.button_1_42 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light);
    color: var(--main-color-grey-light);
}

.preview_button.button_1_42 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken);
    color: var(--main-color-grey-darken);
}

.preview_button.button_1_43 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light);
    color: var(--main-color-grey-light);
    border-radius: 50px;
}

.preview_button.button_1_43 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken);
    color: var(--main-color-grey-darken);
}

.preview_button.button_1_44 > [data-item] {
    background-color: transparent;
    color: var(--main-color-grey-light-2);
}

.preview_button.button_1_44 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-grey-darken-2);
}

.preview_button.button_1_45 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light-2);
    color: var(--main-color-grey-light-2);
    border-radius: 0 30px;
}

.preview_button.button_1_45 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken-2);
    color: var(--main-color-grey-darken-2);
}

.preview_button.button_1_46 > [data-item] {
    background-color: white;
    border: 3px solid var(--main-color-grey-light-3);
    color: var(--main-color-grey-light-3);
    border-radius: 10px;
}

.preview_button.button_1_46 > [data-item]:hover {
    background-color: white;
    border-color: var(--main-color-grey-darken-3);
    color: var(--main-color-grey-darken-3);
}

.preview_button.button_1_47 > [data-item] {
    background-color: transparent;
    color: var(--main-color-grey-light-3);
}

.preview_button.button_1_47 > [data-item]:hover {
    background-color: transparent;
    color: var(--main-color-grey-darken-3);
}

/*separator*/
.preview_button.button_2 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
}

.preview_button.button_2 > [data-item] {
    color: white;
}

.preview_button.button_2 > .aux_style_2 {
    border-left-color: var(--main-color-primary-light);
}

.preview_button.button_2:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_2:hover > .aux_style_2 {
    border-left-color: var(--main-color-primary-darken);
}

.preview_button.button_3 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
}

.preview_button.button_3 > [data-item] {
    color: white;
}

.preview_button.button_3 > .aux_style_2 {
    border-right-color: var(--main-color-primary-light);
}

.preview_button.button_3:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_3:hover > .aux_style_2 {
    border-right-color: var(--main-color-primary-darken);
}

.preview_button.button_4 > [data-item] {
    color: white;
}

.preview_button.button_4 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
}

.preview_button.button_4 > [data-item]:hover {
    color: white;
}

.preview_button.button_4:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_4_1 > [data-item] {
    color: white;
}

.preview_button.button_4_1 > .aux_style_1 {
    background-color: var(--main-color-primary-light);
    border-radius: 50px;
}

.preview_button.button_4_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_4_1:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken);
}

.preview_button.button_4_2 > [data-item] {
    color: white;
}

.preview_button.button_4_2 > .aux_style_1 {
    background-color: var(--main-color-primary-light-2);
    border-radius: 30px 0;
}

.preview_button.button_4_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_4_2:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-2);
}

.preview_button.button_4_3 > [data-item] {
    color: white;
}

.preview_button.button_4_3 > .aux_style_1 {
    background-color: var(--main-color-primary-light-2);
    border-radius: 10px;
}

.preview_button.button_4_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_4_3:hover > .aux_style_1 {
    background-color: var(--main-color-primary-darken-2);
}

.preview_button.button_5 > [data-item] {
    color: white;
}

.preview_button.button_5 > .aux_style_1 {
    background-color: var(--main-color-orange-light);
}

.preview_button.button_5 > [data-item]:hover {
    color: white;
}

.preview_button.button_5:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken);
}

.preview_button.button_5_1 > [data-item] {
    color: white;
}

.preview_button.button_5_1 > .aux_style_1 {
    background-color: var(--main-color-orange-light);
    border-radius: 50px;
}

.preview_button.button_5_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_5_1:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken);
}

.preview_button.button_5_2 > [data-item] {
    color: white;
}

.preview_button.button_5_2 > .aux_style_1 {
    background-color: var(--main-color-orange-light-2);
    border-radius: 30px 0;
}

.preview_button.button_5_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_5_2:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-2);
}

.preview_button.button_5_3 > [data-item] {
    color: white;
}

.preview_button.button_5_3 > .aux_style_1 {
    background-color: var(--main-color-orange-light-2);
    border-radius: 10px;
}

.preview_button.button_5_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_5_3:hover > .aux_style_1 {
    background-color: var(--main-color-orange-darken-2);
}

.preview_button.button_6 > [data-item] {
    color: white;
}

.preview_button.button_6 > .aux_style_1 {
    background-color: var(--main-color-success-light);
}

.preview_button.button_6 > [data-item]:hover {
    color: white;
}

.preview_button.button_6:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken);
}

.preview_button.button_6_1 > [data-item] {
    color: white;
}

.preview_button.button_6_1 > .aux_style_1 {
    background-color: var(--main-color-success-light);
    border-radius: 50px;
}

.preview_button.button_6_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_6_1:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken);
}

.preview_button.button_6_2 > [data-item] {
    color: white;
}

.preview_button.button_6_2 > .aux_style_1 {
    background-color: var(--main-color-success-light-2);
    border-radius: 30px 0;
}

.preview_button.button_6_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_6_2:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-2);
}

.preview_button.button_6_3 > [data-item] {
    color: white;
}

.preview_button.button_6_3 > .aux_style_1 {
    background-color: var(--main-color-success-light-2);
    border-radius: 10px;
}

.preview_button.button_6_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_6_3:hover > .aux_style_1 {
    background-color: var(--main-color-success-darken-2);
}

.preview_button.button_7 > [data-item] {
    color: white;
}

.preview_button.button_7 > .aux_style_1 {
    background-color: var(--main-color-grey-light);
}

.preview_button.button_7 > [data-item]:hover {
    color: white;
}

.preview_button.button_7:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken);
}

.preview_button.button_7_1 > [data-item] {
    color: white;
}

.preview_button.button_7_1 > .aux_style_1 {
    background-color: var(--main-color-grey-light);
    border-radius: 50px;
}

.preview_button.button_7_1 > [data-item]:hover {
    color: white;
}

.preview_button.button_7_1:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken);
}

.preview_button.button_7_2 > [data-item] {
    color: white;
}

.preview_button.button_7_2 > .aux_style_1 {
    background-color: var(--main-color-grey-light-2);
    border-radius: 30px 0;
}

.preview_button.button_7_2 > [data-item]:hover {
    color: white;
}

.preview_button.button_7_2:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-2);
}

.preview_button.button_7_3 > [data-item] {
    color: white;
}

.preview_button.button_7_3 > .aux_style_1 {
    background-color: var(--main-color-grey-light-2);
    border-radius: 10px;
}

.preview_button.button_7_3 > [data-item]:hover {
    color: white;
}

.preview_button.button_7_3:hover > .aux_style_1 {
    background-color: var(--main-color-grey-darken-2);
}

.preview_button.button_9 > [data-item] {
    background-color: var(--main-color-primary-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-primary-darken);
    border-radius: 10px;
}

.preview_button.button_9 > [data-item]:hover {
    background-color: var(--main-color-primary-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_1 > [data-item] {
    background-color: var(--main-color-primary-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-primary-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_1 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_2 > [data-item] {
    background-color: var(--main-color-primary-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-primary-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_2 > [data-item]:hover {
    background-color: var(--main-color-primary-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_3 > [data-item] {
    background-color: var(--main-color-orange-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-orange-darken);
    border-radius: 10px;
}

.preview_button.button_9_3 > [data-item]:hover {
    background-color: var(--main-color-orange-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_4 > [data-item] {
    background-color: var(--main-color-orange-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-orange-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_4 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_5 > [data-item] {
    background-color: var(--main-color-orange-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-orange-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_5 > [data-item]:hover {
    background-color: var(--main-color-orange-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_6 > [data-item] {
    background-color: var(--main-color-success-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-success-darken);
    border-radius: 10px;
}

.preview_button.button_9_6 > [data-item]:hover {
    background-color: var(--main-color-success-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_7 > [data-item] {
    background-color: var(--main-color-success-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-success-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_7 > [data-item]:hover {
    background-color: var(--main-color-success-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_8 > [data-item] {
    background-color: var(--main-color-success-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-success-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_8 > [data-item]:hover {
    background-color: var(--main-color-success-darken-3);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_9 > [data-item] {
    background-color: var(--main-color-grey-light);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-grey-darken);
    border-radius: 10px;
}

.preview_button.button_9_9 > [data-item]:hover {
    background-color: var(--main-color-grey-darken);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_10 > [data-item] {
    background-color: var(--main-color-grey-light-2);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-grey-darken-2);
    border-radius: 50px;
}

.preview_button.button_9_10 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-2);
    color: white;
    box-shadow: none;
}

.preview_button.button_9_11 > [data-item] {
    background-color: var(--main-color-grey-light-3);
    color: white;
    box-shadow: 5px 5px 0px 1px var(--main-color-grey-darken-3);
    border-radius: 0 20px 20px 20px;
}

.preview_button.button_9_11 > [data-item]:hover {
    background-color: var(--main-color-grey-darken-3);
    color: white;
    box-shadow: none;
}

.group-item-thumb a:hover {
    text-decoration: none;
}

.group-item-thumb > .preview_button {
    display: table;
}

.group-item-thumb > .preview_button > a[data-item] {
    display: table-cell;
    vertical-align: middle;
}

.group-item-thumb .theme_button_advance_01 > [data-item],
.group-item-thumb .theme_button_advance_02 > [data-item],
.group-item-thumb .theme_button_advance_03 > [data-item],
.group-item-thumb .theme_button_advance_05 > [data-item],
.group-item-thumb .theme_button_advance_06 > [data-item],
.group-item-thumb .theme_button_advance_07 > [data-item],
.group-item-thumb .theme_button_advance_08 > [data-item],
.group-item-thumb .theme_button_advance_09 > [data-item],
.group-item-thumb .theme_button_advance_10 > [data-item],
.group-item-thumb .button_advance_11 > [data-item],
.group-item-thumb .button_advance_12 > [data-item] {
    font-size: 24px;
}

.group-item-thumb .button_advance_03 > [data-item] {
    color: white;
    background-color: #f16f79;
    box-shadow: 5px 5px 0 1px #c14952;
    border-radius: 50px;
}

.group-item-thumb .button_advance_03 > [data-item]:hover {
    background-color: #c14952;
    color: white;
    box-shadow: none;
}

.group-item-thumb .button_advance_04 {
    height: 85px;
}

.group-item-thumb .button_advance_05 {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.group-item-thumb .button_advance_07 {
    height: 80px;
}

.group-item-thumb .button_advance_10 {
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    border-radius: 200px 200px 200px 0;
    box-shadow: rgba(255, 255, 255, 0.34902) 7px -8px 0px -1px inset;
    background-color: #ffc12d;
    color: white;
    border: 9px solid #65589c;
}

.group-item-thumb .button_advance_10 > [data-item] {
    width: 100% !important;
}

.group-item-thumb .button_advance_10:hover {
    background-color: #65589c;
    color: white;
    border-color: #ffc12d;
}

.group-item-thumb .button_advance_11 > [data-item] {
    text-align: center;
    font-family: Neo Sans Std Bold, serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    box-shadow: none;
    border: 2px solid #8e480c;
}

.group-item-thumb .button_advance_11 > .aux_style_1 {
    background-color: #ff9900
}

.group-item-thumb .button_advance_11:hover > [data-item] {
    color: #783f04;
}

.group-item-thumb .button_advance_11 > [data-item] > i {
    color: rgb(255, 255, 255);
    background-color: #000;
    margin-left: 25px;
}

.group-item-thumb .button_advance_12 > [data-item] {
    font-size: 24px;
    font-family: "Overlock Bold", serif;
    font-weight: 700;
    font-style: normal;
    color: rgb(255, 255, 255);
    background-color: rgb(100, 99, 99);
    box-shadow: -6px -11px 0 -6px rgb(68, 68, 68) inset;
    border-radius: 50px 25px 25px 50px;
    background-size: cover;
    text-align: center;
    border: none;
}

.group-item-thumb .button_advance_12 > [data-item]:hover {
    background-color: #2c2b2b;
    box-shadow: none;
}

.group-item-thumb .button_advance_12 > [data-item] > i {
    color: #000;
    background-color: #dedede;
    margin-right: 25px;
}

/* button_advance_11 button_advance_12 icon */
.group-item-thumb .button_advance_11 > [data-item] i,
.group-item-thumb .button_advance_12 > [data-item] > i {
    font-size: inherit;
    padding: 15px;
    border-radius: 50%;
}

/* themes */
.theme_button_advance_01 > * {
    border-radius: 10px;
}

.theme_button_advance_01 > [data-item] {
    box-shadow: 0 0 17px 4px #fff inset;
    border: 3px groove #47870D;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 60px;
    font-family: Bebasneue, serif;
    font-weight: 400;
}

.theme_button_advance_01 > .aux_style_1 {
    background: #7ABA34;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.4)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4));
    filter: progid:DXImageTransform.Microsoft.gradient startColorstr=rgba(255, 255, 255, 0.1), endColorstr=rgba(255, 255, 255, 0.4), GradientType=0;
}

.theme_button_advance_01 > .aux_style_2 {
    border-radius: 50%;
    box-shadow: 0 -15px 23px -7px #040404;
    bottom: -40px;
    width: 100%;
    height: 40px;
    position: absolute;
    top: none;
    left: 0;
}

.theme_button_advance_02 > * {
    border-radius: 10px;
}

.theme_button_advance_02 > [data-item] {
    box-shadow: 0 -6px 0 0 #816706 inset;
    border: 1px solid #BF9000;
    position: relative;
    font-size: 60px;
    font-family: Bebasneue, serif;
    font-weight: 700;
}

.theme_button_advance_02 > .aux_style_1 {
    background: #fdcb0b;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.4)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4));
    filter: progid:DXImageTransform.Microsoft.gradient startColorstr=rgba(255, 255, 255, 0.1), endColorstr=rgba(255, 255, 255, 0.4), GradientType=0;
}

.theme_button_advance_03 > [data-item] {
    position: relative;
}

.theme_button_advance_03 > .aux_style_1 {
    background-color: #e74c3c;
    box-shadow: #d9534f 17px 13px 46px -18px;
    border-radius: 100px 100px 0 100px;
    width: 100%;
    height: calc(100% - 18px);
    position: absolute;
    top: 8px;
    left: 0;
}

.theme_button_advance_03 > .aux_style_1::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #e74c3c;
    margin-right: 10px;
    margin-top: 0;
    margin-left: -18px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 100%;
    left: 100%;
}

.theme_button_advance_04 > [data-item] {
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    padding: 40px !important;
    position: relative;
}

.theme_button_advance_04 > div {
    border-radius: 50%;
}

.theme_button_advance_04 > .aux_style_1 {
    background-color: #ff652d;
    border: 20px solid #ffb547;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    top: 15px;
    left: 15px;
}

.theme_button_advance_04 > .aux_style_2 {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 28px 1px #999999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.theme_button_advance_04:hover > .aux_style_1 {
    background-color: #ff9400;
}

.theme_button_advance_05 > [data-item] {
    position: relative;
    font-size: 60px;
    font-family: Bebasneue, serif;
    font-weight: 700;
}

.theme_button_advance_05 > .aux_style_1 {
    background-color: #900c3f;
    border-radius: 10px;
    border: 1px solid #bf9000;
    box-shadow: 0 -8px 0 0 #f2094d inset;
    width: 100%;
    height: calc(100% - 18px);
    position: absolute;
    top: 8px;
    left: 0;
}

.theme_button_advance_05 > .aux_style_1::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #f2094d;
    margin-right: 10px;
    margin-left: -18px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 100%;
    left: 83%;
}

.theme_button_advance_06 > [data-item] {
    padding: 0 42px !important;
    position: relative;
    font-size: 36px;
    font-family: Arial, serif;
    font-weight: 400;
}

.theme_button_advance_06 > .aux_style_1::before {
    margin-left: 0;
    border-top: 0 solid transparent;
    border-bottom: 70px solid transparent;
    border-right: 40px solid #689F38;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.theme_button_advance_06 > .aux_style_1::after {
    content: "";
    margin-left: 0;
    margin-top: -70px;
    border-top: 70px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 40px solid #689F38;
    position: absolute;
    left: 0;
    bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.theme_button_advance_06 > .aux_style_2::before {
    border-top: 0 solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 40px solid #689F38;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.theme_button_advance_06 > .aux_style_2::after {
    margin-top: -70px;
    border-top: 70px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 40px solid #689F38;
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.theme_button_advance_06 > .aux_style_3 {
    width: calc(100% - 80px);
    height: 100%;
    color: white;
    background-color: #57D131;
    border: 3px solid #689F38;
    box-shadow: 6px 6px 0px -5px #00FF00 inset;
    position: absolute;
    top: 0;
    left: 40px;
}

.theme_button_advance_06:hover > .aux_style_3 {
    background-color: #B9E937;
}

.theme_button_advance_07 > [data-item] {
    color: white;
    padding-bottom: 12px !important;
    position: relative;
    font-size: 36px;
    font-family: Arial, serif;
    font-weight: 400;
}

.theme_button_advance_07 > [data-item]:hover {
    color: #e5f6ff;
}

.theme_button_advance_07 > .aux_style_1 {
    background-color: #03a9f4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: calc(100% - 30px);
    position: absolute;
    top: 6px;
    left: 0;
}

.theme_button_advance_07 > .aux_style_2 {
    background-color: #4fc3f7;
    box-sizing: border-box;
    box-shadow: #3d85c6 4px -3px 0px -2px inset;
    border: 0 solid #039be5;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 12px;
}

.theme_button_advance_07 > .aux_style_2::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: -18px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #039be5;
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 0;
    height: 0;
}

.theme_button_advance_07:hover > .aux_style_1 {
    background-color: #0277bd;
}

.theme_button_advance_08 > [data-item] {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
    font-size: 36px;
    font-family: Arial, serif;
    font-weight: 400;
}

.theme_button_advance_08 > [data-item]:hover {
    color: #e5f6ff;
}

.theme_button_advance_08 > .aux_style_1 {
    z-index: auto;
    background: #c12a3b linear-gradient(rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.0980392) 40%, rgba(4, 4, 4, 0.0980392) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    border-radius: 50px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    position: absolute;
    top: 6px;
    left: 6px;
}

.theme_button_advance_08 > .aux_style_2 {
    background-size: cover;
    border-radius: 50px;
    border: 3px solid #b51d2e;
    background: #e48a8c no-repeat scroll 50% 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.theme_button_advance_08:hover > .aux_style_1 {
    background-color: #f73a3e;
}

.theme_button_advance_09 > [data-item] {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
    font-size: 36px;
    font-family: Arial, serif;
    font-weight: 400;
}

.theme_button_advance_09 > [data-item]:hover {
    color: #e5f6ff;
}

.theme_button_advance_09 > .aux_style_1 {
    z-index: auto;
    background: #c12a3b linear-gradient(rgba(4, 4, 4, 0.4) 0%, rgba(4, 4, 4, 0.0980392) 40%, rgba(4, 4, 4, 0.0980392) 48%, rgba(4, 4, 4, 0.4) 68%, rgba(4, 4, 4, 0.4) 100%);
    border-radius: 50px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    position: absolute;
    top: 6px;
    left: 6px;
}

.theme_button_advance_09 > .aux_style_2 {
    background-size: cover;
    border-radius: 50px;
    border: 3px solid #b51d2e;
    background: #e48a8c no-repeat scroll 50% 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.theme_button_advance_09:hover > .aux_style_1 {
    background-color: #f73a3e;
}

.group-item-thumb > div > a[data-item],
[data-item^="Botao_"] > a[data-item] {
    text-align: center;
    color: #fff;
    position: relative;
}

.group-item-thumb[data-ref^="Botao_"] {
    width: 100%;
    height: 60px;
    margin-bottom: 60px;
}

.group-item-thumb[data-ref^="Botao_"] > div > a[data-item] {
    font-size: 24px;
}

.btn-subtitle:before {
    content: '';
}

.btn-subtitle{
    display: block;
}

img[src="/images/editor/elements/botao/estilo_botao_advance_01.png"],
img[src="/images/editor/elements/botao/estilo_botao_advance_05.png"],
img[src="/images/editor/elements/botao/estilo_botao_advance_06.png"],
img[src="/images/editor/elements/botao/estilo_botao_advance_07.png"],
img[src="/images/editor/elements/botao/estilo_botao_advance_08.png"] {
    width: 100%;
    padding: 5px;
}

[src="/images/editor/elements/botao/estilo_botao_advance_02.png"] {
    width: 100%;
    padding: 5px;
}

[src="/images/editor/elements/botao/estilo_botao_advance_02.png"] {
    width: 100%;
    padding: 5px;
}