How to make a specific child of a parent that is clickable to not get the property

So, what I want to achieve is that the wrapping link I have to be clickable on all places, instead when the button is clicked don't call the function or click the item

<a href="test.com">
 <img />
 <title />
 <button>
  Add to Cart
 </button>
</a>