How to prevent highlighted animation from interrupting pressed animation on UI button

So pretty much I have a settings button that when highlight grows, then when clicked it shrinks down and disappears. However, if you click on the button, the pressed animation might start playing, only be to cut short by the highlighted animation. In other instances, the pressed animation won't even play and when running the scene on a mobile, you have to double press and then hold down the button. How do I prevent this so that the pressed animation can play in entirety? My end aim is that the pressed animation will shrink then transition into a new UI menu.