Button One

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>
Search
BPB – Checkboxes
  • BLOG POST BUILDERS (226)
    • – Highlighted Notes (33)
    • – Styled Lists (28)
    • – Call to Action (23)
    • – Blog Post Sections (17)
    • – Featured Products – Manual (14)
    • – Affiliate Product Promotions (13)
    • – Email Optins (13)
    • – Featured Blog Posts – Kadence Free (13)
    • – Testimonials/Reviews (11)
    • – Podcast Callouts (10)
    • – FAQs (9)
    • – Borders (7)
    • – Gallery (7)
    • – LTK Ready (6)
    • – Quotes (6)
    • – Tips (6)
    • – Author Box (5)
    • – Featured Blog Posts – Kadence Pro (5)
    • – Table of Contents (5)
    • – Youtube/Video (5)
    • – Image Captions (4)
    • – Sharing (4)
    • – Featured Products – WooCommerce (2)
    • – Pros and Cons (2)
    • – Tables (2)
    • – Search (1)
  • WEBSITE BUILDERS (111)
    • – Featured Sections (21)
    • – Movement (18)
    • – 3 Columns (11)
    • – Membership (10)
    • – About Section (9)
    • – Timelines (5)
    • – Marquee (4)
    • – Reviews (4)
    • – 4 columns (3)
    • – 6 Columns (3)
    • – Pricing Tables (3)
    • – Tabbed Blocks (3)
    • – Instagram Pages (2)
    • – Navigation (2)
  • PROBUILDER BLOCKS (96)
    • – Elements (51)
      • – – Sidebar Elements (15)
      • – – Archive Elements (10)
      • – – Footer Elements (8)
      • – – Archive Loop Item Elements (5)
      • – – Post Title Elements (5)
      • – – Mega Menu Elements (3)
      • – – 404 Page Elements (2)
      • – – Mobile Menu Elements (1)
      • – – Promo Elements (1)
    • – Pro Blocks (45)
      • – – Featured Posts (34)
      • – Hero Sections (23)
      • – – Image Overlay (5)
      • – – Modal Blocks (4)
      • – – Slider Blocks (3)
  • FULL POSTS (23)
    • – Roundup Posts (7)
    • – Listicle Posts (4)
    • – For Podcasters (3)
    • – For Faith Based Bloggers (2)
    • – For Food Bloggers (2)
    • – For Photographers (2)
    • – Interview Posts (1)
    • – Q and A Posts (1)
  • **NEW** (9)