Logo Hovering

For accessibility and usability I have put a text version of the 'home' link in the same div as the logo.
This displays white until it's hovered over and it goes black. Ive also got the logo to animate on hover.

HTML

CSS        

    Normal:

On hover:

                              (animated as well!)