OwlCyberSecurity - MANAGER
Edit File: subscribe-form.css
.lakit-subscribe-form { max-width: 100%; position: relative; } .lakit-subscribe-form__fields { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; } .lakit-subscribe-form__submit { display: flex; justify-content: center; align-items: center; flex: 0 1 auto; position: relative; max-width: 100%; } .lakit-subscribe-form__submit span { vertical-align: middle; display: inline-block; } .lakit-subscribe-form__submit:before { box-sizing: border-box; position: absolute; visibility: hidden; top: 50%; left: 50%; width: 26px; height: 26px; margin-top: -13px; margin-left: -13px; border-radius: 50%; border: 3px solid #fff; border-top-color: #000; content: ""; animation: lakit-spinner 0.6s linear infinite; } .lakit-subscribe-form__submit.loading i { visibility: hidden; } .lakit-subscribe-form__submit.loading span { visibility: hidden; } .lakit-subscribe-form__submit.loading:before { visibility: visible; } .lakit-subscribe-form__message { position: absolute; top: 100%; width: 100%; visibility: hidden; color: #4ab866; font-size: 14px; } .lakit-subscribe-form__message .lakit-subscribe-form__message-inner { display: flex; justify-content: center; align-items: center; text-align: center; } .lakit-subscribe-form .elementor-icon { color: inherit; } .lakit-subscribe-form--response-error .lakit-subscribe-form__message { color: #d94f4f; } .lakit-subscribe-form--inline-layout .lakit-subscribe-form__input-group { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .lakit-subscribe-form--inline-layout .lakit-subscribe-form__input-group .lakit-subscribe-form__fields { flex: 1 1 auto; width: 100px; } .lakit-subscribe-form--inline-layout .lakit-subscribe-form__input-group .lakit-subscribe-form__submit { flex: 0 1 auto; width: auto; } .lakit-subscribe-form--block-layout .lakit-subscribe-form__input-group { display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: center; } .lakit-subscribe-form--block-layout .lakit-subscribe-form__input-group .lakit-subscribe-form__fields { width: 100%; } .lakit-subscribe-v2 .lakit-subscribe-form__fields{ flex-direction: var(--lakit-newsletter-direction, row); gap: var(--lakit-newsletter-gap, 0); justify-content: var(--lakit-newsletter-justify-content); align-items: var(--lakit-newsletter-align-items); } .lakit-subscribe-v2 .lakit-subscribe-form__input{ width: auto; flex-grow: 1; }