/* ====== ОБЩИЕ СТИЛИ ДЛЯ СТРЕЛКИ ====== */

/* Сдвиг стрелки при наведении — для обоих вариантов ссылок */
.link-gray:hover .arrow .tn-atom,
.link-black:hover .arrow .tn-atom {
  transform: translateX(6px);
  transition: transform 0.3s ease !important;
}

/* ====== СЕРЫЕ ССЫЛКИ ====== */
.link-gray .tn-atom {
  color: #767676 !important;
  transition: color 0.3s ease !important;
}

.link-gray:hover .tn-atom {
  color: #000000 !important;
}

/* ====== ЧЕРНЫЕ ССЫЛКИ ====== */
.link-black .tn-atom {
  color: #000000 !important;
  transition: color 0.3s ease !important;
}

.link-black:hover .tn-atom {
  color: #767676 !important;
}


/* Общий стиль для линий */
.divider {
  height: 1px;
  width: 100%;
  background-color: #000; /* или любой нужный тебе цвет */
  transform: scaleY(1);
  transform-origin: top;
}

/* При ширине больше 2500px — увеличиваем толщину */
@media (min-width: 2500px) {
  .divider {
    transform: scaleY(2);
  }
}