You are on page 1of 2

.Body .

Wrapper4{
max-width: 100%;
margin: 0 auto;
font-size: 14px;
line-height: 1.15;
color: #111;
}
.Body .Wrapper4 .products4{
display: flex;
justify-content: space-between;
list-style: none;
margin: 20px 0;
}
.Body .Wrappe4r .products4 li{
flex-basis: 20%;
padding-left: 10px;
padding-right: 10px;
}
.Body .Wrapper4 .products4 li img{
max-width: 100%;
height: 350px;
}
.Body .Wrapper4 .products4 li .product-info4 a{
display: block;
text-decoration: none;
}
.Body .Wrapper4 .products4 li .product-info4 .product-name4{
color: #334862;
padding: 3px 0;
}
.Body .Wrapper4 .products4 li .product-info4 .product-price4{
color: #111;
padding: 2px 0;
font-weight: 600;
}
.Body .Wrappe4r .products4 .product-top4{
position: relative;
overflow: hidden;
}
.Body .Wrapper4 .products4 .product-thumb4{
display: block;
}
.Body .Wrapper4 .products4 li:hover .product-thumb4 img{
filter: opacity(70%);
}
.Body .Wrapper4 .products4 .product-thumb4 img{
display: block;
}
.Body .Wrapper4 .products4 li:hover .buy-now4{
bottom: 0px;
}
.buy-now4{
position: absolute;
width: 100%;
text-transform: uppercase;
text-decoration: none;
text-align: center;
display: block;
background-color: #446084;
bottom: -40px;
color: #fff;
padding: 8px 0;
transition: 0.25s ease-in-out;
opacity: 0.85;
}

You might also like