/* button style — Gravity Forms primary */ .gf-button background: #2c6e2f; color: white; border: none; padding: 0.9rem 1.8rem; font-size: 1rem; font-weight: 600; border-radius: 2rem; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; width: 100%; box-shadow: 0 2px 6px rgba(0,0,0,0.1);
/* header area: Gravity Forms style branding */ .gf-header background: #1e2b3c; padding: 1.5rem 2rem; color: white; gravity forms ajax
<div class="form-container"> <!-- AJAX status message panel (dynamic) --> <div id="ajaxStatusPanel" class="ajax-status hidden-status"> <div class="status-icon" id="statusIcon">📡</div> <div class="status-message" id="statusMessage">Ready — submit the form asynchronously</div> </div> /* button style — Gravity Forms primary */
.gf-button:disabled background: #9eb0a0; cursor: not-allowed; transform: none; box-shadow: none; padding: 0.9rem 1.8rem