Можно ли применить несколько 2D-трансформаций к одному элементу?

Да — в одном свойстве transform

Функции перечисляют через пробел в одном transform. Порядок важен: матрицы умножаются слева направо в смысле записи функций (визуально удобно читать справа-налево для «сначала что»).

.badge {
  transform: translate(8px, -4px) rotate(12deg) scale(1.05);
}

Отдельные свойства translate / rotate / scale (индивидуальные transform) в новых браузерах можно задавать порознь — они композируются браузером.

Нельзя ожидать, что два правила transform в разных селекторах «сложатся»: победит одно по каскаду.

Итог

Несколько функций — да, в одной декларации (или через отдельные transform-свойства). Порядок влияет на результат.