Не получается сделать hover

Привет! Есть такой кусок кода. Нужно, чтобы при наведении на карточку появлялась затенённая маска (она и появляется), но на ней также должна быть кнопка (в обычном состоянии спрятана), при этом фото и ссылка должны быть яркие, как будто не затенённые, а нижний край маски наезжать сверху на ниже лежащую карточку. Как сделать? https://thimbleprojects.org/alessio18911/312612

https://thimbleprojects.org/dimka23/312843/
Посмотри на вторую карточку, у меня так получилось.

Ничего не изменилось ((

поправил ссылку

Теперь увидел - спасибо большое! :slight_smile:

Единственное, я не до конца сформулировал задачу: при изменении количества текста в ссылке “Крым” - маска тоже должна тянуться, чтобы кнопка не накладывалась на этот текст. И ещё, как сделать эту маску только через псевдоэлемент?