translate: отдельное свойство вместо transform
Композиция без конфликта rotate/scale.
Свойства `translate`, `rotate` и `scale` (уровень 2 Transforms) задают трансформации раздельно — hover `translate: 0 -2px` на кнопке не затирает `rotate` на иконке внутри.
Анимируйте только `translate` для микродвижений — меньше layout thrashing, чем `top`/`margin`.
- translate — MDN — Individual transform property.
- CSS Transforms Level 2 — Отдельные свойства transform.
Fallback
Старые браузеры: одна строка `transform: translate() rotate() scale()`.