HTML & shortcodes for Contact Form 7 form, using WordPress FSE styles.

contact-form.html

<div class="form-group">
  <label for="your-name" class="control-label required">Name</label>
  [text* your-name autocomplete:name minlength:5 maxlength:70 id:your-name class:form-control]
</div>

<div class="form-group">
  <label for="your-email" class="control-label required">Email</label>
  [email* your-email autocomplete:email minlength:6 maxlength:254 id:your-email class:form-control]
</div>

<div class="form-group">
  <label for="telephone" class="control-label">Telephone</label>
  [tel telephone minlength:10 maxlength:19 id:telephone class:form-control]
</div>

<div class="form-group">
  <label for="your-message" class="control-label required">Message</label>
  [textarea* your-message minlength:20 id:your-message class:form-control]
</div>

[response]

<div class="form-group wp-block-buttons">
  <div class="wp-block-button is-style-default has-custom-width wp-block-button__width-100 has-custom-font-size has-medium-font-size">
    [submit class:wp-block-button__link "Send Message"]
  </div>
</div>