.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;
}