The main thing that I'd change is moving the timeline animation outside of your hover and click states and make sure that the timeline is paused. If you just do that you can see your button start to work more like what you're expecting.   However, with multiple states affecting the same elements like you want, I think it makes sense to use one timeline for the whole thing but use a label as a kind of middle state to use on hover. Then when the element is clicked you "finish" the timeli