/* Стрелка WID — одна на весь сайт.

   Образец — кнопка «Смотреть истории» в блоке отзывов: простая стрелка «→»
   рядом с подписью, которая на наведение уезжает вправо. Иконочные стрелки
   Phosphor (ph-arrow-right, ph-arrow-up-right) в кнопках больше не ставим:
   они другой толщины и по-другому сидят на строке.

   Как применять:

     <a class="…">Смотреть истории <span class="wid-arrow" aria-hidden="true">→</span></a>

   Размер стрелки привязан к тексту кнопки (1.3 em), поэтому в большой кнопке
   она крупнее, в маленькой — мельче, но выглядит везде одинаково. */

.wid-arrow{
  display:inline-block;
  font-size:1.3em;
  line-height:1;
  transform:translateY(.02em);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
a:hover > .wid-arrow,
button:hover > .wid-arrow,
a:hover .wid-arrow,
button:hover .wid-arrow{transform:translate(4px,.02em)}

@media (prefers-reduced-motion:reduce){
  .wid-arrow{transition:none}
}