/* Rotating conic-gradient for both glow and border */
.animated-border-box-glow:before {
  content: '';
  z-index: -2;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
  width: 99999px;
  height: 99999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(rgba(0,0,0,0), var(--color-sky-600), rgba(0,0,0,0) 25%);
  animation: rotate 4s linear infinite;
}

.animated-border-box:before {
  content: '';
  z-index: -2;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
  width: 99999px;
  height: 99999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(rgba(0,0,0,0), var(--color-rose-600), rgba(0,0,0,0) 25%);
  animation: rotate 4s linear infinite;
}

/* Rotation keyframes */
@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}