/* BOTAO DO BANNER */
.carousel-button-container {
  position: absolute;
  top: 80%;
  left: 20%;
  transform: translate(-50%, -50%);
  z-index: 10; /* acima das imagens */
  text-align: center;
}

.carousel-button {
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 700;
  background-color: #009fe3;
  color: white;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  /* transition: background-color 0.3s; */
  transition: background-color 0.3s, transform 0.2s;
  animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite; /* Para Safari e Chrome antigos */
}

.carousel-button:hover {
  background-color: #0cc70c;
  animation: pulse 1s infinite;
}

/* Animação pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(12, 199, 12, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(12, 199, 12, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(12, 199, 12, 0);
  }
}
/* BOTAO DO BANNER */

/* BOTAO ACESSAR CONTA */
.button-acessar-conta {
  border-radius: 25px;
  background-color: #009fe3;
  border: none;
  color: #fff;
  width: 190px;
  height: 40px;
  font-weight: 700;
  cursor: pointer;
  /* transition: background-color 0.3s; */
  transition: background-color 0.3s, transform 0.2s;
}

.button-acessar-conta:hover {
  background-color: #0cc70c;
  animation: pulse 1s infinite;
}
/* BOTAO ACESSAR CONTA */

/* BOTAO REDUZIR CUSTOS */
.button-reduzir-custos {
  width: 380px;
  height: 59px;
  background-color: #009fe3;
  color: #fff;
  font-weight: 700;
  font-size: 2em;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  /* transition: background-color 0.3s; */
  transition: background-color 0.3s, transform 0.2s;
  animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite; /* Para Safari e Chrome antigos */
}

.button-reduzir-custos:hover {
  background-color: #0cc70c;
  animation: pulse 1s infinite;
}
/* BOTAO REDUZIR CUSTOS */

/* BOTAO SAIBA MAIS */
.button-saiba-mais {
  background-color: #0cc70c;
  color: #fff;
  font-weight: 700;
  font-size: 1.5em;
  border-radius: 25px;
  border: none;
  width: 300px !important;
  height: 59px !important;
  cursor: pointer;

  /* transition: background-color 0.3s; */
  transition: background-color 0.3s, transform 0.2s;
  animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite; /* Para Safari e Chrome antigos */
}

.button-saiba-mais:hover {
  background-color: #002538;
  animation: pulse 1s infinite;
}
/* BOTAO SAIBA MAIS */