Animated menu icon help

Hi all,
I have a unique “hamburger” menu that I need help finalizing. Instead of a hamburger I have three dots. I’ve gotten everything to work up until the end. If you look in preview mode you can see the hover works, the trigger works to animate the dots and slide in the menu. The close button works to reverse the process but I’m having trouble figuring out how to get the dots to come in the way they came out. I’m also not certain I constructed the menu correctly so it may have something to do with it. Any help would be greatly appreciated. Just trying to get those dots to animate back in.

https://preview.webflow.com/preview/test-menu-bar-9dc523e7ea54e0f9026d4c876?utm_medium=preview_link&utm_source=designer&utm_content=test-menu-bar-9dc523e7ea54e0f9026d4c876&preview=8a3c4d25e2c11303280b5099dc491077&mode=preview