Button Position on image hover

I would like to put the button on the bottom of the image overlay as I already have overlay content i need displayed and this button is covering it.

I did this one other time with a different plugin by adding some css to my child theme. if this is all i need to do can you write that in here so i can copy paste it?

here is the css i did for a different plugin that I am NOT using anymore. so it should be something like this:

.woocommerce ul.products li.product .quick-view-button {
position: center;
bottom: 15px;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s;
}

.woocommerce ul.products li.product:hover .quick-view-button {
visibility: visible;
opacity: 1;
}

The page I need help with: [log in to see the link]