Sizeable Icon on Status Related Background - Text Size / Background

I created a copy of this map object because I wanted one with larger text, I put the below css in the styles_custom.css and into my div class for my newly created map object. I can successfully change the text size but it ruins the status related background, it becomes transparent. I can't figure out what more I need to do to make it work the same as it did with just larger text.

.map_icon_huge .moreicon {
  display: none;
}

.map_icon_huge,
.map_icon_huge div,
.map_icon_huge span,
td.map_icon_huge {
  font-size: 40px;
  font-weight: bold;
}

.map_icon_huge .status {
  font-size: 40px;
  font-weight: normal;
}