You are on page 1of 2

.Body .

Wrapper6{
max-width: 100%;
margin: 0 auto;
font-size: 14px;
line-height: 1.15;
color: #111;
}
.Body .Wrapper6 .products6{
display: flex;
justify-content: space-between;
list-style: none;
margin: 20px 0;
}
.Body .Wrapper6 .products6 li{
flex-basis: 20%;
padding-left: 10px;
padding-right: 10px;
}
.Body .Wrapper6 .products6 li img{
max-width: 100%;
height: 350px;
}
.Body .Wrapper6 .products6 li .product-info6 a{
display: block;
text-decoration: none;
}
.Body .Wrapper6 .products6 li .product-info6 .product-name6{
color: #334862;
padding: 3px 0;
}
.Body .Wrapper6 .products6 li .product-info6 .product-price6{
color: #111;
padding: 2px 0;
font-weight: 600;
}
.Body .Wrapper6 .products6 .product-top6{
position: relative;
overflow: hidden;
}
.Body .Wrapper6 .products6 .product-thumb6{
display: block;
}
.Body .Wrapper6 .products6 li:hover .product-thumb6 img{
filter: opacity(70%);
}
.Body .Wrapper6 .products6 .product-thumb6 img{
display: block;
}
.Body .Wrapper6 .products6 li:hover .buy-now6{
bottom: 0px;
}
.buy-now6{
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