</p> <style> .custom-email-form-wrapper { display: flex; justify-content: flex-end; width: 100%; } .custom-email-form { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; font-family: sans-serif; max-width: 100%; } .custom-email-form input[type="email"] { border: none; border-bottom: 2px solid rgba(255, 255, 255, 0.6); padding: 0.4rem 0; outline: none; font-size: 1rem; width: 250px; max-width: 100%; background: transparent; color: rgba(255, 255, 255, 0.85); font-family: sans-serif; } .custom-email-form input::placeholder { color: rgba(255, 255, 255, 0.5); font-family: sans-serif; } .custom-email-form .send-button { background-color: black; color: white; padding: 0.5rem 1.2rem; border: none; cursor: pointer; font-size: 1rem; position: relative; overflow: hidden; transition: all 0.3s ease; font-family: sans-serif; } .custom-email-form .send-button:hover { background-color: white; color: black; border: 1px solid black; } .confetti { position: absolute; width: 8px; height: 8px; background-color: gold; animation: explode 0.8s ease-out forwards; z-index: 99; border-radius: 50%; } @keyframes explode { 0% { opacity: 1; transform: scale(1) translate(0, 0); } 100% { opacity: 0; transform: translate( calc(var(--x) * 80px), calc(var(--y) * 80px) ) scale(0.2); } } </style> <form onsubmit="handleSend(event)"> <input type="email" placeholder="We saved a spot for your email" required><br /> <button type="submit">Send</button><br /> </form> </div><!-- .entry-content .clear --> </article><!-- #post-## --> </main><!-- #main --> </div><!-- #primary --> </div> <!-- ast-container --> </div><!-- #content --> <footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"> </footer><!-- #colophon --> </div><!-- #page --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/astra\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve"> <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z"/> </svg></span> <span class="screen-reader-text">Scroll to Top</span> </div> <script id="astra-theme-js-js-extra"> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1"}; </script> <script src="https://www.cucinadelsul.com/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.6.14" id="astra-theme-js-js"></script> <script src="https://www.cucinadelsul.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://www.cucinadelsul.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script src="https://www.cucinadelsul.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1" id="swv-js"></script> <script id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/www.cucinadelsul.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; </script> <script src="https://www.cucinadelsul.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1" id="contact-form-7-js"></script> <script id="wpcf7-redirect-script-js-extra"> var wpcf7r = {"ajax_url":"https:\/\/www.cucinadelsul.com\/wp-admin\/admin-ajax.php"}; </script> <script src="https://www.cucinadelsul.com/wp-content/plugins/wpcf7-redirect/build/assets/frontend-script.js?ver=2c532d7e2be36f6af233" id="wpcf7-redirect-script-js"></script> <script id="astra-addon-js-js-extra"> var astraAddon = {"sticky_active":"","svgIconClose":"<span class=\"ast-icon icon-close\"><svg viewBox=\"0 0 512 512\" aria-hidden=\"true\" role=\"img\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"18px\" height=\"18px\">\n <path d=\"M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z\" \/>\n <\/svg><\/span>","hf_account_show_menu_on":"hover","hf_account_action_type":"link","is_header_builder_active":"1"}; </script> <script src="https://www.cucinadelsul.com/wp-content/uploads/astra-addon/astra-addon-686ade1d433f86-97900714.js?ver=4.5.0" id="astra-addon-js-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>
