/* ---------------------------------------------------------------- */

/* Botao 1 */
.botao1 {
  background-color: #a5e4f0;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  border: solid 1px #8dd4e2;
  color: #187788;
  cursor: pointer;
  margin-top: 0px;
  transition: all 0.3s;
}

/* ---------------------------------------------------------------- */

/* Botao 2 */
.botao2 {
  width: 100%;
  background-color: #2B3384;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

/* ---------------------------------------------------------------- */

/* Botao 2 */
.botao3 {
  width: 100%;
  background-color: #2b6084;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

/* ---------------------------------------------------------------- */

/* Botao 4 */
.botao4 {
  background-color: #fff;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  border: solid 1px #8dd4e2;
  color: #187788;
  cursor: pointer;
  margin-top: 0px;
  transition: all 0.3s;
}

/* ---------------------------------------------------------------- */

/* Botao 5 */
.botao5 {
  width: 100%;
  text-align: center;
  background-color: #DA5855;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

/* ---------------------------------------------------------------- */

/* Botao 6 */
.botao6 {
  width: 100%;
  background-color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  border: solid 1px #969595;
  color: #555555;
  cursor: pointer;
  transition: all 0.3s;
}

/* ---------------------------------------------------------------- */

/* Botoes do topo */
.botao_topo {
  position: relative;
  padding: 0.2em 0;
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin-bottom: 17px;
  color: #0969DA;
}

.botao_topo::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2em;
  background-color: #0969DA;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

.botao_topo:hover::after, .botao_topo:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}

.botao_topo::after {
  opacity: 1;
  transform: scale(0);
  transform-origin: center;
}

.botao_topo:hover::after, .botao_topo:focus::after{
  transform: scale(1);
}

.botao_topo.desativado {
  color: #444343;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}

.botao_topo.desativado::after {
  opacity: 0;
  transform: scale(0);
}

/* ---------------------------------------------------------------- */

.separador_vertical {
  color: #7b7b7b;
  margin-left: 12px;
  margin-right: 12px;
}