/* Эффекты варианта A: тихо и светло, как у референса. Кнопка — стрелка уезжает вправо, фон на ступень;
   плитка-ссылка — рамка темнеет; ссылка — линия прорисовывается слева направо. Без свечения и теней. */
@media (hover:hover){
  .btn:hover svg,.link:hover svg,.tile-link:hover svg{transform:translateX(4px)}
}
.link{background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;
  transition:background-size var(--d-move) var(--e-move),color var(--d-snap) var(--e-snap)}
@media (hover:hover){.link:hover{background-size:100% 1px;color:var(--ink)}}
.link:active{color:var(--acc-text)}
@media (prefers-reduced-motion:reduce){.link{transition:none}}