Poner sombra en div en css

Tengo este div , al que le he puesto un sombreado por abajo de color rojo , pero me gustaría poner a la vez otro sombreado de color azul pero por arriba , es posible?

.lorem--2 {
  width: auto;
  height: auto;
  margin-top: 40px;
  margin-right: 20px;
  box-shadow: 18px 13px 5px 1px red;
  background-color: coral;
}

introducir la descripción de la imagen aquí