/*
 * Animação de Brilho para o Botão "Jogar Agora!"
 */

/* Define a animação chamada 'glow-effect' */
@keyframes glow-effect {
  0% {
    /* Estado inicial: cor normal, sem brilho */
    background-color: #198754; /* Cor verde padrão do Bootstrap (btn-success) */
    box-shadow: 0 0 5px rgba(25, 135, 84, 0.2);
  }
  50% {
    /* Meio da animação: cor mais clara e brilho mais intenso */
    background-color: #20ac6b;
    box-shadow: 0 0 20px rgba(32, 172, 107, 0.8);
  }
  100% {
    /* Estado final: volta ao normal, completando o ciclo */
    background-color: #198754;
    box-shadow: 0 0 5px rgba(25, 135, 84, 0.2);
  }
}

/* Classe que aplica a animação ao botão */
.btn-glow-animation {
  /* Arredonda as bordas para um visual melhor */
  border-radius: 5px;
  
  /* Aplica a animação 'glow-effect' */
  animation-name: glow-effect;
  
  /* Duração de um ciclo completo da animação */
  animation-duration: 2s;
  
  /* Define a curva de velocidade da animação (suave) */
  animation-timing-function: ease-in-out;
  
  /* Faz a animação repetir infinitamente */
  animation-iteration-count: infinite;
}