.hot,
.new {
  position: relative;
  z-index: 1;
}
.hot h3:after,
.new h3:after,
.hot h3:after,
.new h3:after {
  position: absolute;
  z-index: 20;
  padding: 0px 8px;
  font-size: 80%;
  top: 6px;
  right: 6px;
  font-style: italic;
  background: #333;
  color: #fff;
}
.hot.primary1 h3 span,
.new.primary1 h3 span,
.hot.primary2 h3 span,
.new.primary2 h3 span,
.hot.primary3 h3 span,
.new.primary3 h3 span,
.hot.secondary1 h3 span,
.new.secondary1 h3 span,
.hot.secondary2 h3 span,
.new.secondary2 h3 span,
.hot.secondary3 h3 span,
.new.secondary3 h3 span,
.hot.dark h3 span,
.new.dark h3 span {
  color: #fff;
}
.hot h3:after {
  content: "Hot";
  background: #e23143;
}
.new h3:after {
  content: "New";
  background: #32aa43;
}
.primary1 h3:after {
  background: #eb7480 !important;
}
.primary1 h3:after {
  background: #f5b7bd;
}
.primary2 h3:after {
  background: #e23143;
}
.primary3 h3:after {
  background: #6b0f18;
}
.secondary1 h3:after {
  background: #46c959;
}
.secondary2 h3:after {
  background: #32aa43;
}
.secondary3 h3:after {
  background: #0f3414;
}