International
SEO in the
age of
AI
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works. Double-click to edit
Switch to Preview or publish the page
to see how your code works. Double-click to edit
<style>
/* ================================
TOP BUTTON — #edi-xaagran ONLY
================================== */
/* Keep the widget wrapper neutral and centered */
#edi-xaagran{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 auto !important; width: auto !important; text-align: center !important; } /* The editor injects an empty <a> around the button. Make sure it doesn't clip or size the button. */ #edi-xaagran a{ display: inline-block !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; /* ← prevents the “half-pill” clipping */ text-decoration: none !important; } /* Actual pill button */ #edi-xaagran button{ display: inline-block !important; position: relative !important; -webkit-appearance: none !important; appearance: none !important; font-family: "Merriweather Sans", Arial, sans-serif !important; font-weight: 600 !important; font-size: 16px !important; line-height: 1.2 !important; padding: 12px 28px !important; border: 2px solid #F0504F !important; border-radius: 9999px !important; background: #092A33 !important; /* solid fill */ color: #F9F9F9 !important; /* white text */ background-clip: padding-box !important; /* avoid odd outline rendering */ box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; cursor: pointer !important; text-align: center !important; margin: 0 !important; height: auto !important; min-height: 0 !important; transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .15s ease !important; } /* Inner <div> shouldn’t affect sizing */ #edi-xaagran button > div{ display: inline !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; } /* States */ #edi-xaagran button:hover{ background: #F9F9F9 !important; color: #092A33 !important; box-shadow: 0 4px 12px rgba(0,0,0,.18) !important; transform: translateY(-1px); } #edi-xaagran button:active{ transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; } #edi-xaagran button:focus-visible{ outline: none !important; box-shadow: 0 0 0 3px rgba(240,80,79,.25), 0 2px 6px rgba(0,0,0,.12) !important; } #edi-xaagran button{ background: transparent !important; color: #F9F9F9 !important; border: 2px solid #F9F9F9 !important; } #edi-xaagran button:hover{ background: #F9F9F9 !important; color: #092A33 !important; } #edi-xaagran#edi-xaagran a[role="button"], #edi-xaagran#edi-xaagran a[role="button"]:hover, #edi-xaagran#edi-xaagran a[role="button"]:active{ background: transparent !important; color: #F9F9F9 !important; border: 2px solid #F9F9F9 !important; box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; } #edi-xaagran#edi-xaagran a[role="button"]:focus-visible{ outline: none !important; box-shadow: 0 0 0 3px rgba(240,80,79,.25), 0 2px 6px rgba(0,0,0,.12) !important; } </style>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works. Double-click to edit
Switch to Preview or publish the page
to see how your code works. Double-click to edit
<script>
// Smooth scroll outside buttons to the section that contains the LAST form
document.addEventListener("DOMContentLoaded", function () {
// Find all webinar form widgets, pick the last one (your bottom form)
const forms = Array.from(document.querySelectorAll('[data-editable="webinarNew"][data-mode="form"]'));
const bottomForm = forms.length ? forms[forms.length - 1] : null;
if (!bottomForm) return;
// Find the whole section that wraps that bottom form
const targetSection = bottomForm.closest('[data-section="section"]') || bottomForm;
// Collect outside "button" widgets (exclude any buttons inside forms)
const outsideButtons = Array.from(document.querySelectorAll('[data-editable="button"] button'))
.filter(btn => !btn.closest('[data-editable="webinarNew"]'));
// Helper: smooth-scroll to the section top (with a tiny offset for breathing room)
const scrollToSection = (el) => {
const y = el.getBoundingClientRect().top + window.pageYOffset - 12; // offset by 12px
window.scrollTo({ top: y, behavior: "smooth" });
};
// Attach listeners
outsideButtons.forEach(btn => {
btn.addEventListener("click", function (e) {
e.preventDefault();
scrollToSection(targetSection);
});
});
});
</script>
