.led {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 10px;
  display: inline-block;
  box-shadow: 0 0 5px #000;
}

/* Verde encendido */
.led.green.on {
  background-color: #00ff00;
  box-shadow: 0 0 10px #00ff00;
}

/* Verde apagado */
.led.green.off {
  background-color: #004d00;
  box-shadow: none;
}

/* Rojo encendido */
.led.red.on {
  background-color: #ff0000;
  box-shadow: 0 0 10px #ff0000;
}

/* Rojo apagado */
.led.red.off {
  background-color: #4d0000;
  box-shadow: none;
}