The question on the card?

Hello friends. Need Your help. Have the following code: https://jsfiddle.net/orx6fy3j/

Please help to understand following questions:

1. How to do the tracing (product_card) card like on the website (https://ru.wargaming.net/shop/wot/main/ I know that through the border, but how to choose the color?)
2. The button that should appear when the mouse is set to left and top so that she was in the middle. But is there no other way to do this? It should be located exactly in the middle.
3. Hover button should appear, but for some reason this is not happening.

Thanks in advance to all who can help.
March 19th 20 at 09:23
1 answer
March 19th 20 at 09:25
1. what do you mean by "pick a color"? Who prevents you to copy it from the original or choose any that you like?

2. you can set the left 50% transform: translate(-50%)

3. you button is hidden, it will never work hover. You need to register for parent unit.

Find more questions by tags Web DevelopmentLayoutHTMLCSS