#modalDetailBonus .is-multiline .bonus {
  position: relative;
  margin: auto;
  background-size: 100% 100%;
  border-radius: 10px;
  width: 300px;
  height: 300px;
  text-align: center;
  display: block;
  cursor: pointer;
}

#modalDetailBonus .is-multiline .bonus .bonus-content {
  width: 100px;
  background: #00ff08d4;
  float: right;
  border-radius: 10px;
  margin: 5px 5px;
}

#modalDetailBonus .is-multiline .bonus.not-recetive .bonus-content {
  width: 200px;
  background: #ff0404d4;
}

#modalDetailBonus .is-multiline .bonus.not-recetive {
  filter: brightness(0.4);
}

#modalDetailBonus .is-multiline .bonus:not(.not-recetive):hover {
  filter: brightness(0.5);
}

#modalDetailBonus .is-multiline .bonus .bonus-container img.image-corner {
  height: 80px;
  top: 6px;
  left: -9px;
  position: absolute;
}

#modalDetailBonus .bonus .description {
  margin-top: 30px;
  text-align: left;
  color: #000;
}