/* принудительно меняем градиент только у нужного блока */
#rec1553649301 .glow-border::before {
  background: conic-gradient(
    from 0deg,
    #5199FE,
    #5957E1,
    #305C98,
    #5199FE
  ) !important;
}

/* сам контейнер */
.glow-border {
  position: relative;
  border-radius: 30px;      /* скругление как у макета */
  overflow: hidden;         /* чтобы «подложка» не вылезала */
}

/* светящаяся вращающаяся обводка */
.glow-border::before {
  content: "";
  position: absolute;
  inset: 0px;              /* толщина рамки */
  border-radius: inherit;
  background: conic-gradient(
    from 0deg,
    #5199FE,
    #5957E1,
    #5199FE
  );
  transform-origin: center center;
  opacity: 0;               /* по умолчанию невидима */
  transition: opacity .2s ease;
  animation: rotateBorder 10s ease-in-out infinite, neonPulse 4s ease-in-out infinite;
}

/* фон внутри рамки */
.glow-border::after {
  content: "";
  position: absolute;
  inset: 0px;               /* отступ внутри рамки */
  border-radius: inherit;
  background: #050712;      /* цвет фона карточки */
  z-index: -1;
}

.glow-border:hover::before {
  opacity: 1;
}

/* вращение градиента */
@keyframes rotateBorder {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


@keyframes neonGlow {
  0% {
    box-shadow:
      0 0 10px rgba(81, 153, 254, 0.25),
      0 0 22px rgba(48, 92, 152, 0.3);
  }
  50% {
    box-shadow:
      0 0 18px rgba(81, 153, 254, 0.45),
      0 0 32px rgba(48, 92, 152, 0.5);
  }
  100% {
    box-shadow:
      0 0 10px rgba(81, 153, 254, 0.25),
      0 0 22px rgba(48, 92, 152, 0.3);
  }
}