<div style="display: flex; flex-direction: column; gap: 10px; width: 100%;">
    <div style="display: flex; gap: 10px; width: 100%;">
        <div style="flex: 1;">[text* your-name placeholder "Your Name"]</div>
        <div style="flex: 1;">[tel* your-number placeholder "Your Number"]</div>
    </div>
    <div style="width: 100%;">[submit "Request Callback"]</div>
</div>

<style>
.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100% !important;
    padding: 12px !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

.wpcf7-form p {
    margin: 0 !important;
    padding: 0 !important;
}
</style>