Responsive Product Preview Card Component

I faced difficulty in doing the following. I found solutions to these but would love to hear your views and suggestions. Also point out any errors you find.

1. Including the svg icon in the 'Add to Cart' button. My solution works now. But I'd love to hear better ways of doing it.
2. I have used a grid with 2 cells and made the right side cell as a flexbox. The image and flexbox contents kept overflowing out of the grid cells. I fixed this by making the top and bottom margin as zero for the .card component. Is this the correct fix?
3. To get the left side border of the image to be rounded, I used 'overflow: hidden' on the .card component. Another way to get the result would be to set a 'top-left' and 'bottom-left-border-radius' to the image. Is there any other way to do this?