Слушай, Стилт, ты никогда не задумывался, как едва заметная тень может заставить иконку выглядеть то так, будто она прячется в тени, то парить в воздухе? Просто интересно – какой самый действенный способ скрыть кнопку, чтобы это не бросалось в глаза?

Ну, стандартный фокус с невидимостью – неплохо, но как-то нагадное, будто призрака на виду прячешь. Я бы подправил: элемент оставил в разметке, но прозрачность сделал 0.01 и обводку, чтобы она совпадала с фоном. Так место останется зарезервировано, без перетеков, и скрытое состояние не вызовет никаких странностей при наведении. А когда показываешь, плавное появление с 200 миллисекунд easing-in-out выглядит мягче, чем мгновенный рывок. `pointer-events:none` – отлично для блокировки кликов, но не забудь вернуть их, когда элемент станет активным, а то получится кликабельный призрак. И классы CSS подержи в порядке, например, "hidden-soon" и "visible-now", чтобы не запутаться. Просто, но интерфейс остается плавным и понятным.