crear modal que aparezca al pasar sobre un boton y permita cerrarla tocando sobre ella

.modal {
      display: none;
      background: #ffffff;
      padding: 20px;
      border-radius: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
      }

.show-modal {
      display: block;
      }