How to edit woocommerce default Catalog page?

I want my woocommerce shop page to look like this image right here: https://imgur.com/FHdxJmZ
so far i got to this point where i got 2 buttons with plugins, the price and name edited with css like so: https://imgur.com/d3HL6sv

but i can’t fix the elements to be inline
i am not really a wise in the php files of wordpress

any help?