.gradient-info {
  /* Gradiente com várias camadas, passando por diferentes tons de azul e ciano */
  background: linear-gradient(
    45deg,
    #39d0f9,
    #1ec0f7,
    #06aff6,
    #009ef5,
    #0077cf,
    #005baa,
    #003885
  );
  color: white;
}

.gradient-primary {
  /* Gradiente com várias camadas, passando por diferentes tons de roxo e azul */
  background: linear-gradient(
    45deg,
    #7d5fff,
    #8762f5,
    #8f65eb,
    #9768e1,
    #825bb7,
    #6d4e8d,
    #593f63
  );
  color: white;
}

.gradient-danger {
  /* Gradiente com várias camadas, passando por diferentes tons de vermelho e laranja */
  background: linear-gradient(
    45deg,
    #ff3030,
    #ff4e3a,
    #e7664e,
    #cf424e,
    #b71c1c
  );
  color: white;
}

.gradient-energetic {
  background: linear-gradient(
    45deg,
    #ffec61,
    #d9f400,
    #a3d900,
    #6dbd00,
    #3da100
  );
  color: white;
}

.gradient-aquatic {
  background: linear-gradient(
    45deg,
    #7fdbb6,
    #58cc86,
    #3bbc58,
    #1dab27,
    #008a00
  );
  color: white;
}

.gradient-vivid {
  background: linear-gradient(
    45deg,
    #d4ed30,
    #b2db09,
    #84c403,
    #5aad05,
    #008a00
  );
  color: white;
}
.gradient-orange {
  background: linear-gradient(45deg, #bb1900, #fd6f01, #ffb000);
  color: white;
}

.deep-ocean-blue {
  background: linear-gradient(135deg, #0052d4 0%, #4364f7 50%, #6fb1fc 100%);
  color: white;
}

.twilight-marine {
  background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  color: white;
}

.button-config-pad {
  background: linear-gradient(45deg, #009ef5, #0077cf, #005baa, #003885);
  display: inline-block;
  border: none;
  padding: 10px 20px; /* ou qualquer outro valor conforme necessário */
  text-decoration: none;
  color: whitesmoke; /* Cor do texto, se não for branco */
  border-radius: 5px; /* se você quiser bordas arredondadas */
  text-align: center;
  /* importantes para sobrepor qualquer outra definição de background */
  background-size: cover;
  background-repeat: no-repeat;
  font-weight: bold;
}

.button-config-pad-no-bg {
  display: inline-block;
  border: none;
  padding: 10px 20px; /* ou qualquer outro valor conforme necessário */
  text-decoration: none;
  color: whitesmoke; /* Cor do texto, se não for branco */
  border-radius: 5px; /* se você quiser bordas arredondadas */
  text-align: center;
  /* importantes para sobrepor qualquer outra definição de background */
  background-size: cover;
  background-repeat: no-repeat;
  font-weight: bold;
}

.text-bold {
  font-weight: bold;
}

.icon-custom-size {
  font-size: 18px;
  /* ou qualquer tamanho que pareça adequado entre 'small' e 'medium' */
  /* outras propriedades necessárias para ajustar o ícone */
}

.smallLetters {
  font-size: 12px;
}