.container-cover-category {
display: flex;
flex-wrap: wrap;
}
.cover-element-cat {
width: 100%;
height: 350px;
margin-bottom: 20px;
background-size: cover;
background-position: center;
position: relative;
}
.container-cover-category {
display: flex;
flex-wrap: wrap;
}
.cat-column {
width: 30%;
margin: auto;
height: 800px;
}
.cover-element-cat:hover .hover-btn {
background-color: rgb(0,0,0,0.6);
}
.cat-column .cover-element-cat{
width: 100%;
margin-bottom: 20px;
background-size: cover;
background-position: center;
}
.cat-column-1 .cover-element-cat:nth-child(2), .cat-column-2 .cover-element-cat:nth-child(1), .cat-column-3 .cover-element-cat:nth-child(2) {
height: 35%;
}
.cat-column-1 .cover-element-cat:nth-child(1), .cat-column-2 .cover-element-cat:nth-child(2), .cat-column-3 .cover-element-cat:nth-child(1) {
height: 65%;
}
.element-cat-26 {
background-position: bottom !important;
}
.cover-element-cat a.btn-cat {
display: none;
position: absolute;
z-index: 9;
}
.cover-element-cat a.btn-cat {
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
}
.cover-element-cat a.btn-cat h4{
color:#fff;
}
.cover-element-cat:hover a.btn-cat {
display: flex;
}
.cover-element-cat .hover-btn {
width: 100%;
height: 100%;
display: flex;
position:absolute;
z-index: 0;
}