.modal {
        transition: all .5s;
        z-index: 777;
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65);
        display: flex;
        padding: 0 1rem;
      }

      .modal--show {
        top: 0;
      }

      .modal__close {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .modal__form {
        margin: auto;
      }

      .modal__form__title {
        margin: auto auto 1rem auto;
        font-size: 2rem;
      }

      .modal__form form {
        display: flex;
        flex-direction: column;
      }

      .modal__form form input[type="email"], 
      .modal__form form input[type="tel"],
      .modal__form form input[type="text"] {
        margin:0 auto 1rem auto;
        height: 50px;
        padding: 0 1rem;
      }

      .modal__form form input[type="submit"] {
        margin: 0 auto auto auto;
      }