<style>
.ba-woo-product1 .product{
height: 400px!important}
/*Show/Hide CSS*/
.ba-woo-product1 .product div{
transition: all .4s ease-in-out;
transition-delay: .1s;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0) ;
transform: scale(0);
}
.ba-woo-product1 .product:hover div{
transition: all .4s ease-in-out;
transition-delay: .1s;
-moz-transform: scale(1) translate(0,0px);
-webkit-transform: scale(1) translate(0,0px);
-o-transform: scale(1) translate(0,0px);
-ms-transform: scale(1) translate(0,0px);
transform: scale(1) translate(0,0px);
animation-name: fadeInUp;
animation-duration: 0.5s!important;
animation-fill-mode: both;
}
/*Image Transform*/
.ba-woo-product1 .product h2{
transition: ease .5s;
transform: translate(0px, 50px)
}
.ba-woo-product1 .product:hover h2{
transform: translate(0px, 0px) ;
transition: ease .5s;
}
/*Image Transform*/
.ba-woo-product1 .product img{
transition: ease .5s;
transform: translate(0px, 50px)
}
.ba-woo-product1 .product:hover img{
transform: translate(-20px, -40px) rotate(-25deg) scale(1.4);
}
.ba-woo-product1 .woocommerce .button {
background-color: #ff4857!important;
padding: 12px 35px 12px 35px!important;
border-radius: 30px!important;
text-transform: uppercase}
/*Mobile Hover*/
@media all and (max-width: 980px){
.ba-woo-product1 .product div{
transition: all .4s ease-in-out;
transition-delay: .1s;
-moz-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
-ms-transform: scale(1) !important;
transform: scale(1)!important;
animation-name: fadeInUp;
animation-duration: 0s!important;
animation-fill-mode: both;
}
.ba-woo-product1 .product h2{
transform: translate(0px, 0px) ;
transition: ease .5s;
}
.ba-woo-product1 .product img{
transform: translate(0px, -20px) rotate(0deg) scale(1);
}
}
.ba-woo-product1 .woocommerce .badge.onsale{
display: none}
/*============paggination==============*/
.ba-woo-product1 .woocommerce-pagination {
position: relative;
display: flex;
width: 100%;
align-content: center;
justify-content: center;
align-items: flex-start;
}
.ba-woo-product1 li .page-numbers {
background: #13131c;
position: relative;
display: block;
border-radius: 100px;
text-align: center;
margin: 0 7px!important;
transition: all .3s ease 0s!important;
font-size: 15px!important;
color: #fff!important;
padding: 10px 8px!important;
font-family: "Poppins";
font-weight: 600!important;
width: 45px!important;
height: 45px!important;
}
.ba-woo-product1 li .page-numbers.current, .ba-woo-product1 li:hover .page-numbers {
background: #ff4857!important;
color: #fff!important;
}
</style>