/* Neutral base style for all gradient buttons */
.bonus-button-gradient a {
display: inline-flex;
    align-items: center;
justify-content: center;  
  width: 100%;
height:53px;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  transition: all 0.25s ease-out;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3); /* JS will replace color dynamically */
  animation: pulse 1.5s infinite;
margin-bottom:10px;
}

/* Hover: Scale slightly (JS will already keep gradient) */
.bonus-button-gradient a:hover {
  transform: scale(1.05);
}

/* Pulse animation (color will be injected dynamically via JS) */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}