.home-widget-wrapper {
  position: relative;
  max-width: 325px;
  min-width: 300px;
  height: 122px;
  
  background-image: linear-gradient(rgba(255,0,0,0), #0d8d42);
  color: white;
  text-align: center;
  
  border-radius: 12px;
}

.widget-data {
  font-size: 40px;
  /*font-family: Roboto, mono;*/
}
.widget-unit {
  font-size: 16px;
}
.widget-description {
  font-size: 18px;
  width: 100%;
}
.widget-content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 325px;
  min-width: 300px;
}