.counter-box {
  text-align: center;
  font-size: 18px;
}

.counter-box .counter-items-wrapper {
  padding: 0 0.5rem;
}

.counter-box .counter-items-wrapper .counter-item-date-and-time-units {
  font-size: 0.9em;
}

.counter-box .counter-items-wrapper .counter-int-values {
  font-weight: bold;
  padding: 0 0.5rem;
  font-size: 1.3em;
}

.counter-box {
  margin-top: 1.5rem;
}

.counter-box .counter-items-wrapper {
  display: inline-block;
  position: relative;
  padding: 1.5rem;
  width: 5.1em;
  margin: 0.5rem;
  background: #f7f7f7;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.counter-box .counter-items-wrapper:hover {
  background: #3a3a3a;
  cursor: pointer;
}

.counter-box .counter-items-wrapper:hover span {
  color: #fff;
}

.counter-box .counter-items-wrapper .counter-item-date-and-time-units {
  padding-top: 1.5rem;
}

.counter-box .counter-items-wrapper .counter-int-values {
  display: block;
}