translate: отдельное свойство вместо transform

Свойства translate, rotate и scale (уровень 2 Transforms) задают трансформации раздельно — hover translate: 0 -2px на кнопке не затирает rotate на иконке внутри.

Анимируйте только translate для микродвижений — меньше layout thrashing, чем top/margin.

- [translate — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/translate) — Individual transform property.

- [CSS Transforms Level 2](https://www.w3.org/TR/css-transforms-2/) — Отдельные свойства transform.

---

## Fallback

Старые браузеры: одна строка transform: translate() rotate() scale().