Bug with imported fonts not transitioning

I have imported font awesome for icons, but when I try to add effects to parent items such as a div or a container, the font-awesome doesn’t take to the animations. This happens even if I manually create a hover animation. It still won’t work. Here is a video showing this: