.modal-message {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);

  > div {
    align-items: center;
    justify-content: center;
    width: 90%;
    max-width: 525px;
    padding: 20px;
    background-color: #fff;

    > div {
      width: 100%;
      text-align: center;
    }
  }

  h2 {
    align-self: flex-start;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    color: #000;
  }

  p {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
    color: $color-primary-grey;
  }

  &.js-shown {
    display: flex;
  }
}