Свойства 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().