Вопрос по карточке?

Question

[itworlds]

Здравствуйте друзья. Нужна Ваша помощь. Имеем следующий код: https://jsfiddle.net/orx6fy3j/

Помогите пожалуйста разобраться в следующих вопросах:

1. Как сделать обводку (product_card) карты как на сайте (https://ru.wargaming.net/shop/wot/main/ я знаю, что через border, но как подобрать цвет?)
2. У кнопки, которая должна появиться при наведении заданы left и top так, чтобы она была по середине. Но разве нет другого способа это сделать? Она должна располагаться ровно по середине.
3. При наведении должна появиться кнопка, но почему-то этого не происходит.

Заранее спасибо всем, кто поможет.

Answer 1

[Stalker_RED]

1. что значит "как подобрать цвет"? Кто мешает вам скопировать его с оригинала или выбрать любой, который вам нравится?

2. можно задать left 50% и transform: translate(-50%)

3. у вас кнопка скрыта, на ней никогда не сработает hover. Нужно прописывать для родительского блока.