Как разместить подсказку ниже остальных элементов

Думаю, тогда нужно разделить эффекты "подползания" кнопки и вращения кнопки. Первый сделать для блока, в котором объединены кнопка и подсказка, задав этому блоку стили, определяющие позиционирование, а второй - только для кнопки. А только для подсказки - эффект исчезания. Но это уже как-нибудь без меня, сами потренируйтесь, покомбинируйте немного.

Боюсь уровень моих знаний в этой ситуации не позволит мне добиться нужного результата без посторонней помощи, но попытаюсь, конечно, и спасибо за совет. Мне интересно почему после обновлении страницы при первом касании правила соблюдаются, а при повторном подсказка слетает?

Решил я этот вопрос, все было просто, как оказалось. Спасибо за помощь. Понятно, что кнопку еще нужно дорабатывать, но с эти проблем быть не должно.

https://jsfiddle.net/fck5pqas/8/

Подскажите, какой параметр указать в скрипте и css , чтобы кнопка всегда выезжала снизу экрана. Сейчас значение берется из document.body.scrollHeight, но понимаю, что это не правильное решение.

https://jsfiddle.net/fck5pqas/9/