.product-badge {
  padding: 8px 2px;
  font-size: 13px;
  line-height: 100%;
  width:100%;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  color: #fff;
  display:inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.product-badge:active {
  padding-top: 15px;
  margin-bottom: -1px;
}
.product-badge, .product-badge:hover, .product-badge:active {
  outline: 0 none;
  text-decoration: none;
  color: #fff;
}


.product-badge-new {
  background-color: #3fb8e8;
  box-shadow: 0px 3px 0px 0px #3293ba;
}
.product-badge-new:hover {
  background-color: #1baae3;
}
.product-badge-new:active {
  box-shadow: 0px 1px 0px 0px #3293ba;
}


.product-badge-featured {
  background-color: #f06060;
  box-shadow: 0px 3px 0px 0px #cd1313;
}
.product-badge-featured:hover {
  background-color: #ed4444;
}
.product-badge-featured:active {
  box-shadow: 0px 1px 0px 0px #cd1313;
}

.product-badge-sale {
  background-color: #ff6a80;
  box-shadow: 0px 3px 0px 0px #da0020;
}
.product-badge-sale:hover {
  background-color: #ff566f;
}
.product-badge-sale:active {
  box-shadow: 0px 1px 0px 0px #da0020;
}