Lista con Iconos - MultiSelect

Desarrollar una lista multiselect con iconos de acuerdo a la imagen adjunta La forma y el color del div que contiene la lista debe respetarse. Un botón llama la lista. Cuando se selecciona una o más opciones, se actualiza el botón, con el texto de la opciones seleccionadas y aparece un icono check a la para de la opción seleccionada, tal y como se ve en la imagen. Cuando se selecciona una opción la lista NO se cierra. Solo se cierra al presionar la X, al seleccionar Todos o al dar clic fuera de la lista. El botón mantiene su tamaño aunque no pueda verse todo el texto, tal y como se muestra en la imagen. Cuando el mouse se ubica en una opción cambia el color de fondo de la opción. Al nivel de la X tiene dos opciones seleccionar Todos o Ninguno. Todos: Al dar clic sobre esta palabra selecciona todos los items, cierra la lista y actualiza el botón. Ninguno: Al dar clic sobre esta opción, deja todos los items sin seleccionar, actualiza el botón, pero no cierra la lista.