Tengo un problema en el que los elementos html aún son visibles cuando se voltean. Estoy creando un componente de tarjeta de dos caras que se voltea cuando haces clic en la imagen grande. Por lo que puedo decir, todos los elementos deben ocultarse cuando le doy la vuelta y la mayoría lo hace, sin embargo, hay dos elementos de botón que aún están visibles cuando le doy la vuelta a la tarjeta. No parece importar qué tipo de elementos son. Una cosa extraña es que si quito el relleno de los botones, no son visibles cuando los volteo, pero eso solo funciona cuando son botones. He intentado poner backface-visibility: hidden en ellos explícitamente y eso no funcionó. Intenté usar diferentes tipos de elementos o no usar elementos importados. Estoy usando React y componentes con estilo. Puede ver el problema aquí: https://codesandbox.io/s/hungry-architecture-rsjfb?file=/src/components/infoCard/InfoCardStyled.js

Es posible que deba deslizar hacia arriba la consola hasta que la imagen se vuelva lo suficientemente pequeña como para que aparezcan los botones (InfoCardComponent.Quantity e InfoCardComponent.AddCart).

Si el enlace no lo lleva directamente allí, debe hacer clic en información en cualquiera de los elementos de la página principal, la chaqueta marrón es buena porque la imagen es vertical.