enhancedTimer.css

.timer-activated{
  box-shadow: 1px 1px !important;
  border-radius: 25px 50px 50px 25px !important;
  color: rgb(41,44,54) !important;
  min-height: 16px!important;
  height:18px!important;
  margin-bottom: 3px!important;
  padding-bottom: 1px!important;
  font-weight: 800!important;
}
.timer-activated.running{
  /*background-color : rgb(6,226,6);*/
  background-image: linear-gradient(rgb(0,190,0), rgb(51,221,51), rgb(0,190,0));
  color: white !important;
}

.timer-activated.running:hover{
  /*background-color : rgb(6,226,6);*/
  background-image: linear-gradient(rgb(51,221,51), rgb(0,190,0),rgb(51,221,51));
  color: white !important;
}

.timer-activated.paused{
  /*background-color : rgb(255,38,38);*/
  background-image: linear-gradient(rgb(219,0,0), rgb(255,62,62), rgb(219,0,0));
  color: white !important;
}

.timer-activated.paused:hover{
  /*background-color : rgb(255,38,38);*/
  background-image: linear-gradient(rgb(255,62,62), rgb(219,0,0), rgb(255,62,62));
  color: white !important;
}

.timer-zoomed, .counter-zoomed{
  display: none; 
}

.counter-activated{
  box-shadow: 1px 1px !important;
  border-radius: 25px 50px 50px 25px !important;
  min-height: 16px!important;
  height:18px!important;
  margin-bottom: 3px!important;
  padding-bottom: 1px!important;
  font-weight: 800!important;
  background-image: linear-gradient(rgb(0, 125, 209), rgb(51, 167, 221), rgb(0, 125, 209)) !important;
  color: white !important;
}