В этом задании создадим вторую кнопку с немного другим эффектом у иконки: при наведении иконка должна увеличиваться и одновременно становиться полностью прозрачной, а на её месте синхронно будет появляться дополнительный скрытый блок с ценой .hidden.

Здесь будет использован плавный переход между двумя значениями прозрачности opacity и transform: scale.

Свойство opacity управляет прозрачностью элемента и принимает в качестве значения числа от 0 до 1. При этом 0 делает элемент полностью прозрачным, то есть невидимым, а 1 — полностью непрозрачным, то есть видимым.

opacity: 0;   /* Прозрачный элемент */
opacity: 0.5; /* Полупрозрачный элемент */
opacity: 1;   /* Непрозрачный элемент */