/* Aktiver Button mit kräftigem Blau-Verlauf + Glow */
.gamipress-button {
  position: relative;
  display: inline-block;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(45deg, #6a11cb, #2575fc, #52edc7);
  background-size: 300% 300%;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(37, 117, 252, 0.5);
  transition: transform 0.2s ease;
  animation: gradientShift 8s ease infinite;
}

@keyframes gradientShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes glowShift {
  0%   { box-shadow: 0 0 15px rgba(37,117,252,0.4); }
  50%  { box-shadow: 0 0 26px rgba(20,60,180,0.8); }
  100% { box-shadow: 0 0 15px rgba(37,117,252,0.4); }
}

.gamipress-button:hover {
  transform: translateY(-4px);
  animation: gradientShift 3s ease infinite, glowShift 2s ease infinite;
}

.gamipress-button:active {
  transform: scale(0.94);
  animation: gradientShift 1.5s ease infinite, glowShift 1.5s ease infinite;
}

/* Deaktiviert (heute schon gedrückt): grau, ohne Animation/Glow */
.gamipress-button.disabled {
  background: #9aa1aa;
  color: #6b7280;
  cursor: not-allowed;
  box-shadow: none;
  animation: none;
  transform: none;
}