<div class="ecp-form ecp-payfields-wrapper">
  <div class="ecp-form-fieldset-scrunched">
    <div class="ecp-grid">
      <div class="ecp-grid-row ecp-clearfix">
        <span class="ecp-grid-col-12">
          <input type="text" name="cardholder_name" placeholder="{message:msg_CardholderNamePlaceholder}" aria-label="{message:msg_CardholderNameInputLabel}" autocomplete="billing given-name" required>
        </span>
      </div>
    </div>
    <div class="ecp-grid">
      <div class="ecp-grid-row ecp-clearfix">
        <span class="ecp-form-row-col-75">
          <input type="text" name="address_line_1" placeholder="{message:msg_AddressLine1Placeholder}" aria-label="{message:msg_AddressLine1InputLabel}" autocomplete="billing address-line1">
        </span>
        <span class="ecp-form-row-col-25">
          <input class="ecp-border-left-none" type="text" name="postal_code" placeholder="{message:msg_PostalCodePlaceholder}" aria-label="{message:msg_PostalCodeInputLabel}" autocomplete="billing postal-code">
        </span>
      </div>
    </div>
    <div class="ecp-grid">
      <div class="ecp-grid-row ecp-clearfix">
        <span class="ecp-grid-col-12">
          <div id="ecp-pangalatic-nunya"></div>
        </span>
      </div>
    </div>
    <div class="ecp-grid">
      <div class="ecp-grid-row ecp-clearfix">
        <span class="ecp-grid-col-6">
          <div id="ecp-exparte"></div>
        </span>
        <span class="ecp-grid-col-6">
          <div id="ecp-crushed-velvet"></div>
        </span>
      </div>
    </div>
  </div>
  <div class="ecp-grid">
    <div class="ecp-grid-row ecp-clearfix">
      <span class="ecp-grid-col-6">
        <button class="ecp-secondary" data-ecp-action="cancel" aria-label="{message:msg_CancelButtonLabel}">{message:msg_CancelButton}</button>
      </span>
      <span class="ecp-grid-col-6">
        <div id="ecp-gp-submit"></div>
      </span>
    </div>
  </div>
</div>