/* 9. Neon Tracing Borders */

/* ── 9. Neon Tracing Borders ──────────────────────────────── */
.neon-border {
  position: relative;
}

.neon-border::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: conic-gradient(from var(--angle), transparent 70%, rgba(249, 115, 22, 1) 100%);
  z-index: -1;
  animation: spinNeon 3s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease;
}

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

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes spinNeon {
  0% {
    --angle: 0deg;
  }

  100% {
    --angle: 360deg;
  }
}