<div class="button-container">
    <!-- Tlačítko s efekty -->
    <button id="origin-button" class="button" data-link="https://www.VÁŠ ODKAZ.com">
        Klikněte zde
    </button>
</div>

<div id="particle-container"></div>

<script>
    // Funkce pro generování částic
    function generateParticles(event) {
        const button = event.target;
        const particleContainer = document.getElementById('particle-container');
        const rect = button.getBoundingClientRect();
        const centerX = rect.left + rect.width / 2; // Střed tlačítka horizontálně
        const centerY = rect.top + rect.height / 2; // Střed tlačítka vertikálně
        const particleCount = 40; // Počet částic

        // Generování částic
        for (let i = 0; i < particleCount; i++) {
            const particle = document.createElement('div');
            particle.className = 'particle';

            // Nastavení pozice částic
            particle.style.left = `${centerX}px`;
            particle.style.top = `${centerY}px`;

            // Náhodná rychlost a směr
            const angle = Math.random() * 2 * Math.PI;
            const velocity = Math.random() * 150 + 50; // Rychlost částice
            const deltaX = Math.cos(angle) * velocity;
            const deltaY = Math.sin(angle) * velocity;

            // Nastavení animace a přidání do kontejneru
            particle.style.transform = `translate(${deltaX}px, ${deltaY}px) scale(0)`;
            particleContainer.appendChild(particle);

            // Odstranění částice po animaci
            setTimeout(() => {
                particle.remove();
            }, 1000);
        }
    }

    // Event listener pro kliknutí na tlačítko
    document.getElementById('origin-button').addEventListener('click', function (event) {
        generateParticles(event); // Generování částic

        // Otevření odkazu
        const link = event.target.getAttribute('data-link');
        if (link) {
            window.open(link, '_blank');
        }
    });
</script>