/* Genel Buton Tasarımı */
.neon-btn {
  position: relative;
  padding: 15px 35px;
  background: #111; /* Karanlık arka plan neonu belirginleştirir */
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden; /* Dışarı taşan ışıkları gizlemek için */
  transition: color 0.3s ease;
	text-decoration: none;
}

/* Butonun etrafındaki dönen ışık çizgisi */
.neon-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  /* Başlangıçta görünmez sınır çizgisi ve yeşil neon gölge */
  border: 3px solid transparent; 
  box-shadow: 0 0 0px #39ff14;
  box-sizing: border-box;
}

/* Hover (Üzerine Gelindiğinde) Tetiklenen Animasyon */
.neon-btn:hover::before {
  animation: neon-loop 0.8s linear forwards; /* 1 kere döner ve sonda kalır */
}

/* Yazının rengini hover anında hafifçe parlatmak için isteğe bağlı */
.neon-btn:hover {
  color: #39ff14;
  text-shadow: 0 0 8px #39ff14;
}

/* Işığın sol taraftan başlayıp saat yönünde dönme animasyonu */
@keyframes neon-loop {
  0% {
    /* Sol kenar parlamaya başlar */
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #39ff14;
    box-shadow: -5px 0 15px #39ff14;
  }
  25% {
    /* Üst kenara ulaşır */
    border-top-color: #39ff14;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #39ff14;
    box-shadow: -5px -5px 15px #39ff14;
  }
  50% {
    /* Sağ kenara ulaşır */
    border-top-color: #39ff14;
    border-right-color: #39ff14;
    border-bottom-color: transparent;
    border-left-color: transparent;
    box-shadow: 5px -5px 15px #39ff14;
  }
  75% {
    /* Alt kenara ulaşır */
    border-top-color: transparent;
    border-right-color: #39ff14;
    border-bottom-color: #39ff14;
    border-left-color: transparent;
    box-shadow: 5px 5px 15px #39ff14;
  }
  100% {
    /* Tam tur tamamlanır ve tüm buton neonla kaplanır */
    border-color: #39ff14;
    box-shadow: 0 0 20px #39ff14, inset 0 0 10px #39ff14;
  }
}