(function ($) {
    'use strict';

    function rearrangeAndAddHoverClass(selector) {
        let buttonItems = $(selector);

        buttonItems.each(function () {
            let buttonItem = $(this);
            let wrapperElement = buttonItem.find('.elementor-button-content-wrapper');

            let targetWrapper = buttonItem.find('.elementor-button-wrapper .elementor-button');

            wrapperElement.each(function () {
                let originalElement = $(this);
                let clonedElement = originalElement.clone();

                clonedElement.addClass('hover');

                clonedElement.css({
                    position: 'absolute',
                    zIndex: 1,
                    visibility: 'hidden',
                    opacity: 0,
                    transform: 'translateY(100%)',
                    transition: 'all 0.3s ease'
                });

                originalElement.before(clonedElement);

                if (targetWrapper.length) {
                    targetWrapper.append(originalElement.detach());
                }

                targetWrapper.hover(
                    function() {
                        clonedElement.css({
                            opacity: 1,
                            visibility: 'visible',
                            transform: 'translateY(0%)'
                        });

                        originalElement.css({
                            opacity: 0,
                            visibility: 'hidden',
                            transform: 'translateY(-100%)',
                            transition: 'all 0.3s ease'
                        });
                    },
                    function() {
                        clonedElement.css({
                            opacity: 0,
                            visibility: 'hidden',
                            transform: 'translateY(100%)'
                        });

                        originalElement.css({
                            opacity: 1,
                            visibility: 'visible',
                            transform: 'translateY(0%)',
                            transition: 'all 0.3s ease'
                        });
                    }
                );
            });
        });
    }
    $(document).ready(function () {
        rearrangeAndAddHoverClass('.elementor-button-outline');
    });
})(jQuery);