.product-action {
    /* bottom: -100px; */
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    z-index: 99;
    left:-100px;
}

.single-product:hover .btn-wish-list{left:0px;}

.single-product:hover .product-action{bottom:0;opacity:1;left:0px;}
.single-product:hover .pro-button-top {top: -100px;;opacity:1}
.pro-button-top {
  display: inline-block;
  opacity: 0;
  position: relative;
  top: 35px;
  transition: all 0.5s ease 0s;
}
.pro-button-top a {
  background: #ffffff7a none repeat scroll 0 0;
  color: #ffffff;
  box-shadow: 1px 1px 1px #000;
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  padding: 0 18px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}
.pro-button-bottom{
    bottom: 30px;
    position: absolute;
    width: 100%;
}
.pro-button-bottom a ,.button a {
  background: #ffffff7a none repeat scroll 0 0;
  color: #ffffff;
  box-shadow: 1px 1px 1px #000;
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  margin: 0 5px;
  padding: 10px;
  width: 45px;
}
.product-action a:hover,.button a:hover{color:#222222}