.RainbowButton_wrap___wnPI {
  position: relative;
  display: inline-flex;
   /* Space for the glow effect */
}

.RainbowButton_wrap___wnPI::before {
  content: '';
  position: absolute;
  inset: .5pc;
  border-radius: 100px;
  padding: 2px; /* Creates space for the gradient border */
  background: linear-gradient(90deg, 
    #ff0000, #ffa500, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000
  );
  background-size: 200% auto;
  filter: blur(10px);
  animation: RainbowButton_rainbow__E2CWe 8s linear infinite;
  z-index: 0;
  margin-top: 10px;

}

.RainbowButton_button__GgAMY {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.5rem 1.5rem;
  border-radius: 100px;
  background: #000;
  color: #fff;
  font: inherit;
  cursor: pointer;
  border: 1px solid #a3a3a3;
  outline: none;
  z-index: 1; /* Ensures button stays above the glow */
}

.RainbowButton_wrap___wnPI:hover::before {
  animation: RainbowButton_rainbow__E2CWe 3s linear infinite;
}

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