.timer {
  line-height: 1rem;
  background-color: var(--lightest-gray);
  color: var(--darker-gray);

  border: solid var(--standard-border-width) var(--medium-gray);
  border-radius: var(--border-radius-md);

  font-size: var(--font-size-md);
  padding: 0 var(--small-padding);
  margin-bottom: var(--large-margin);

  display: flex;
  flex-direction: row;
  align-items: center;
}

.timerLeft {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.timerRight {
  padding: var(--small-padding);
}

.timeRemainingLabel {
  font-size: var(--font-size-xxs);
  width: 100%;
  text-align: center;
}