Place the below code in your header script area this delete this block.
<script>/* Rolling button text */
(function () {
function makeInner(text) {
var inner = document.createElement('span');
inner.className = 'cc-roll-inner';
var first = document.createElement('span');
first.textContent = text;
var second = document.createElement('span');
second.textContent = text;
second.setAttribute('aria-hidden', 'true');
inner.appendChild(first);
inner.appendChild(second);
return inner;
}
function setup(textEl, letters) {
if (textEl.dataset.ccRoll) return;
textEl.dataset.ccRoll = '1';
var text = textEl.textContent.trim();
if (!text) return;
textEl.textContent = '';
if (!letters) {
textEl.appendChild(makeInner(text));
return;
}
var sr = document.createElement('span');
sr.className = 'cc-roll-sr';
sr.textContent = text;
textEl.appendChild(sr);
Array.from(text).forEach(function (ch, i) {
var charWrap = document.createElement('span');
charWrap.className = 'cc-roll-char';
charWrap.setAttribute('aria-hidden', 'true');
charWrap.style.setProperty('--i', i);
charWrap.appendChild(makeInner(ch));
textEl.appendChild(charWrap);
});
}
function init() {
document.querySelectorAll('.cc-roll').forEach(function (el) {
var letters = el.classList.contains('cc-roll-letters');
el.querySelectorAll('.kt-btn-text, .kt-btn-inner-text').forEach(function (textEl) {
var btn = textEl.closest('.kb-button, .kt-button, a, button');
if (btn) btn.classList.add('cc-roll-btn');
setup(textEl, letters);
});
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();</script>