/* Убираем стандартный курсор */
  * {
    cursor: none !important;
  }

  /* Кастомный курсор */
  .custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: white;   /* по умолчанию залит */
    border: 2px solid white;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9999;
    transition: transform 0.2s ease, background-color 0.2s ease;
  }

  /* Наведение на кнопки/ссылки */
  a:hover ~ .custom-cursor,
  button:hover ~ .custom-cursor,
  .t-btn:hover ~ .custom-cursor {
    transform: translate(-50%, -50%) scale(1.5);
    background-color: transparent; /* становится только с обводкой */
  }





  const cursor = document.querySelector(".custom-cursor");

  // движение курсора
  document.addEventListener("mousemove", (e) => {
    cursor.style.left = e.clientX + "px";
    cursor.style.top = e.clientY + "px";
  });