/*
  Сквозной компонент «ссылка со стрелкой». Разметка — components/link-chevron.njk.
  Цвет намеренно не задаётся здесь — наследуется от контекста (см. footer.css
  и другие блоки, которые его используют), меняется через `color`, не `opacity`
  (см. tokens.css / MEMORY.md про антиалиасинг текста при переходе opacity).
*/
.link-chevron {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: inherit;
  transition: color 0.2s ease;
}

.link-chevron__icon {
  display: inline-flex;
  transition: transform 0.2s ease;
}

.link-chevron:hover .link-chevron__icon {
  transform: translateX(2px);
}