/*Create ripple effect*/

span > .fa-heart-o, span > .fa-heart {
  position:absolute!important;
  z-index:2;
  right:5px;
  font-size:24px!important;
  padding: 5px 10px;
}

#smartwishlist {
  width:100%;
  height:unset;
}

#bookmarkit {
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  border-radius:4px!important;
}

#bookmarkit[status=unbookmarked] {
  border:1px solid black!important;
}
#bookmarkit[status=bookmarked] {
  border:1px solid black!important;
}
#smartwishlist #sw_wishlist_label {
  text-align:center;
}



.fa-heart-o, .fa-heart, .fa .fa-heart {
  font-size:18px!important;
  color:black!important;
  position:relative;
  display:inline-block;
  overflow: visible!important;
  transform: translate3d(0, 0, 0);
}

#sw_wishlist_label {
  color:black!important;
}

#wishlist_icon {
  order:2;
  margin-left:10px;
  margin-top:-2px;
}

.fa-heart-o:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 3px;
  pointer-events: none;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(0, 0);
  opacity: 0.3;
  transition: transform .5s ease-out, opacity 1s ease-out;
}

@media only screen and (min-width: 800px) {
.fa-heart:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 3px;
  pointer-events: none;
  background-image: radial-gradient(circle, lightgray 10%, transparent 10.01%, transparent);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(25, 25);
  opacity: 0;
  transition: transform .5s ease-out, opacity 1s ease-out;
}
}


.fa-heart:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0s;
}

.fa-heart-o:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0;
}

.topbadge{position: absolute!important;top: -10px!important;left: 15px!important;background-color: #892703!important;font-size: 9px!important;}