/* Добавьте в style.css */
a {
  color: var(--secondary);
  text-decoration: none;
  transition: var(--transition);
  font-weight: 500;
  position: relative;
  padding-right: 16px;
}

a:not(.btn):after {
  content: "↗";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8em;
  opacity: 0;
  transition: all 0.3s ease;
}

a:not(.btn):hover {
  color: #2980b9;
  padding-right: 20px;
}

a:not(.btn):hover:after {
  opacity: 1;
  right: -2px;
}

/* Для внутренних ссылок (без внешней иконки) */
a[href*="valitovgaziz.ru"]:after,
a[href*="#"]:after {
  content: "→";
}

/* Для темной темы */
body.dark-mode a:not(.btn) {
  color: var(--dark-secondary);
}

body.dark-mode a:not(.btn):hover {
  color: #3498db;
}

/* Для ссылок в футере */
.footer-box a {
  color: inherit;
  transition: var(--transition);
  border-bottom: 1px dotted transparent;
}

.footer-box a:hover {
  border-bottom-color: currentColor;
}

/* Для ссылок в hero-секции */
.hero a {
  color: #ffd166; /* Акцентный цвет из hero-секции */
  font-weight: 600;
}

.hero a:hover {
  color: #ffb347;
}

/* Для ссылок в карточках проектов */
.project-card a {
  color: var(--dark-secondary);
  font-weight: 600;
}

.project-card a:hover {
  color: var(--secondary);
}
