.leds {
  display: flex;  
}

.redON {
  width: 60px;
  height: 60px;
  background: red;
  border: 1px solid #ccc;
  border-radius: 30px ;
  cursor: pointer;
  z-index: 1;
}

.redOFF {
  width: 60px;
  height: 60px;
  background: #da9797;
  border: 1px solid #ccc;
  border-radius: 30px ;
  cursor: pointer;
  z-index: 1;
}

.greenON {
  width: 60px;
  height: 60px;
  background: green;
  border: 1px solid #ccc;
  border-radius: 30px ;
  cursor: pointer;
  z-index: 2;
}

.greenOFF {
  width: 60px;
  height: 60px;
  background: #b5f3b5;
  border: 1px solid #ccc;
  border-radius: 30px ;
  cursor: pointer;
  z-index: 2;
}

.blueON {
  width: 60px;
  height: 60px;
  background: blue;
  border: 1px solid #ccc;
  border-radius: 30px ;
  cursor: pointer;
  z-index: 3;
}

.blueOFF {
  width: 60px;
  height: 60px;
  background: #a7a7f1;
  border: 1px solid #ccc;
  border-radius: 30px ;
  cursor: pointer;
  z-index: 3;
}