What is the best way to combine a dismissible card with a collapsible panel?
I'm working on a checkout flow where a cart summary panel appears on the right hand side of the checkout form. We want the user to be able to remove a product, but due to legal and compliance reasons we also need to be able to show more information relating the product.
In saying that, there is a lot of information that needs to be shown against each product, so we want to hide it until the user reveals it. There can be anywhere from 1 to 3 products in the cart at once, so showing all the information rather than hiding it makes the summary too large and hard to read/scan.
We're exploring something like the below as I haven't found any similar patterns during my travels. We also looked at swapping the remove and hide/show buttons around so it was more of an accordion/collapsible panel pattern, but it didn't feel right.
My question is does an approach like this make sense? Or is there another way to solve that I'm missing?