How to show child if parent is hidden?

Question

css

There is a piece of layout, forms, in certain conditions, .lp_right gets display:none;
But at the same time, it is necessary to leave the "sign up" button visible.

<div class="lp_right">
      <form action="/ajax.php" method="post">
        <h3 class="lp_gr-title">
          Запишитесь на процедуру</h3>
        <input id="lp_top_name" placeholder="Имя" type="text"> <input id="lp_top_phone" placeholder="Телефон" type="text">
        <div class="lp_agree-start">
          <input hidden="" id="agree-start" name="agree" type="checkbox"> <label for="agree-start">Я соглашаюсь на обработку моих персональных данных.</label></div>
        <input id="lp_top_title" name="title" type="hidden" value="Озонотерапия"> <input id="lp_top_btn" type="button" value="Записаться">&nbsp;</form>
    </div>

Unfortunately, not a single method or method known to me allows you to remove the button from the form.
How to deal with this, I have no idea yet, except for the idea of ​​​​creating a new button that will be displayed only when the form is hidden.

Answer 1

Can the layout be changed? If so, just wrap the container around the form field and hide it, not lp_right