Исправь специфичность и единицы измерения #1

Проблема:

Кнопка не становится красной при наведении. Текст в блоке обрезается, а отступы не масштабируются при изменении размера шрифта.

Причина:

Селектор по тегу button имеет меньшую специфичность, чем класс, но в коде стили применяются в обратном порядке. Также используются фиксированные пиксели вместо относительных единиц, и отсутствует свойство overflow-wrap для длинного текста.

Ожидаемое поведение:

При наведении кнопка должна менять фон на красный. Текст должен переноситься на новую строку. Отступы должны использовать единицы rem для масштабируемости. Для корректного сравнения через pixelmatch: используйте фиксированный viewport 800×600, системные шрифты и избегайте :hover.