Tekst wychodzi poza okrągły div podczas transformacji

Witam, mam zrobiony okrągły przycisk w którym jest tekst dalej oraz strzałka w dół. Po najechaniu myszką dalej spada w dół i pokazuje się strzałka. Jeżeli się przyjrzymy to łatwo zauważyć, że napis dalej wychodzi poza div (bo pewnie brany jest pod uwage kwadrat), co nie wygląda zbyt profesjonalnie. Czy wiecie jak sobie z tym poradzić?

Demo
https://jsfiddle.net/kzpoy6zp/

Możesz zrobić animacje za pomocą @keyframe która zmiesza czcionkę napisu '!dalej' myślę że będzie to dość dobrze wyglądało.

Hmm podsunąłeś mi fajny pomysł, bo zastosowałem po prostu zanikanie tekstu. Dzięki :)