How to extends button function on its container :     
    <div class="hotspot">
     <div class="productName">Bag</div>
     <div class="productPrice">20$</div>
     <button>Some action</button>
    </div>
I need to extends the button function on all its container and hide it with opacity 0.

I have a situation like this: https://codepen.io/andrew_88/pen/jemBgm
I need to extend the function of my button on all the hotspot container and I want to hide it graphically (opacity: 0); I want to toggle the class "visible" only when I click on pseudoclass before (the red rectangle) and not when I click into the div (productName, productPrice, button). I can't find a solution for doing it.
