.button-container-std {
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* Base Rainbow Button Style */
.rainbow-std-glow {
  all: unset;                     /* Unset all default browser styles */
  box-sizing: border-box;        /* Ensure padding/border don’t affect size */
  background-color: #343A40;
  border-radius: 50px;
  color: white;                  /* Ensure text color is white */
  cursor: pointer;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.4s ease;
  background-size: 200% auto;
  background-position: 0 0;
  box-shadow: 0 0 10px #00f9ff;
  height: 30px;
  white-space: nowrap;
  user-select: none;
}


/* Hover Effects */
.rainbow-std-glow:hover {
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  background-size: 200% auto;
  animation: slidebg 4s linear infinite;
  background-position: right center;
  transform: scale(1.08);
  box-shadow: 0 0 20px #00f9ff, 0 0 30px #00f9ff, 0 0 40px #00f9ff;
}

/* Ensure link elements styled as buttons behave consistently */
a.rainbow-std-glow,
a.rainbow-std-glow:hover,
a.rainbow-std-glow:focus,
a.rainbow-std-glow:active,
a.rainbow-std-glow:visited {
  text-decoration: none;
  color: white;
}

@keyframes slidebg {
  to {
    background-position: 200% center;
  }
}