.tn-atom a {
  position: relative;
  color: #000000 !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.tn-atom a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background-color: #CCE335;
  transition: width 0.3s ease;
}

.tn-atom a:hover {
  color: #CCE335 !important;
}

.tn-atom a:hover::after {
  width: 100%;
}

.white-link a,
a.white-link {
  position: relative;
  color: #ffffff !important; /* белый текст */
  text-decoration: none !important;
  transition: color 0.3s ease;
}

/* подчеркивание (тонкое, зелёное) */
.white-link a::after,
a.white-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background-color: #CCE335;
  transition: width 0.3s ease;
}

/* при наведении — меняем цвет текста и добавляем подчеркивание */
.white-link a:hover,
a.white-link:hover {
  color: #CCE335 !important;
}

.white-link a:hover::after,
a.white-link:hover::after {
  width: 100%;
}