Z-index of overlapping button is not working

Question

I am trying to design the first Book Now button of this page (https://www.bridgecitychrysler.com/book-service/) to overlap onto the white section below the hero image. Even though I have set the z-index incredibly high, it is not showing up in front of the section below.

If someone is able to figure this out just in the inspect tool, that would be great!

Thanks,

Answer 1

Looks like your .hero-widget css has overflow: hidden; set, disabling that seems to have made it visible!