I was looking at the SkyZone web site and they had some cool JavaScript/CSS/HTML effects that I wanted to incorporate in my website.

https://www.skyzone.com/ (Home Page)

If you look at their nav bar, when your mouse hovers over a button a line fades in and moves underneath the text.

If you go to the "Our Core Attractions" section, in the attraction boxes you have a "See Details" button with an orange arrow next to it. This arrow moves when your mouse hovers over the button.

If someone could help me make these/similar effects on my website or tell me how it is done I would appreciate it!