estoy realizando la página en donde va una pregunta y cuando responden "no" el botón de no se mueve por todo la página (es imposible darle click) y la única opción es darle a "si", ya tengo la interfaz hecha pero cuando quiero mover de lugar al botón de "no" a otra posición con Javascript, no funciona a pesar de que le ponga position-fixed pero eso hace que el botón de "si" y de "no" se ponga una encima de otra y no sé cómo separarlos para que no se vea feo, ya que si no uso el el position-fixed no se mueve el botón. 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Pregunta</title>
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
        <link rel="stylesheet" href="styles.css">
    
    </head>
    <body class="row align-items-center vh-100 text-center">
    
        <div class="container-fluid">
            
            <div class="pregunta">
                <!-- Aquí abajo puedes cambiar la pregunta -->
                <h1 class="fw-bold">Quieres ser mi novia?❤</h1>
            </div>
    
            <div class="foto">
                <!-- Aquí puedes cambiar la imagen -->
                <img src="img/imagen.jpg" class="rounded w-25 p-2" alt="Fotito">
            </div>
            
            <div class="respuestas">
                <!-- Aquí puedes cambiar las respuestas -->
               
                <a class="btn btn-primary btn-lg fw-bold position-fixed" id="negativo" href="#" role="button">No</a>
                <a class="btn btn-primary btn-lg fw-bold position-fixed" id="positivo" href="#" role="button">Si</a>
            </div>
    
            
        </div>    
        
        <script >
            let respuestaSi=document.getElementById('positivo')
            respuestaSi.addEventListener("click",function(e){
                alert("Sabía que dirías que si ❤");
            })
            let respuestaNo=document.getElementById('negativo')
            respuestaNo.addEventListener("mousemove",function(e){
                let x = Math.round(Math.random()*93);
                let y = Math.round(Math.random()*93);
                respuestaNo.style.left = x+"%";
                respuestaNo.style.top = y+"%";
    })
        </script> 
    </body>
    </html>

<!-- end snippet -->