.state-badge{
  position:absolute;
  top:22px;
  left:-52px;
  width:220px;
  text-align:center;
  transform:rotate(-35deg);
  color:#fff;
  font-weight:800;
  font-size:14px;
  letter-spacing:2px;
  padding:10px 0;
  z-index:4;
  box-shadow:0 10px 20px rgba(0,0,0,.28);
}
.state-badge.reservado{background:rgba(255,140,0,.94);}
.state-badge.vendido{background:rgba(205,24,24,.94);}
@media (max-width: 640px){
  .state-badge{top:18px;left:-62px;width:220px;font-size:12px;}
}