Cuando trabajas con un elemento con position:fixed
tus mejores aliados para moverlos son top
/bottom
/left
/right
, los cuales lo moverán según el más próximo elemento "padre" con position:relative
, tus botones quedarían así:
<a style="rightstyle="width:4rem; right:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="negativo" href="#" role="button">No</a>
<a style="leftstyle="width:4rem; left:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="positivo" href="#" role="button">Si</a>
Como veras lo único que le agregué fue un style
a cada uno, al botón "no" esta a un 40%
de la derecha (right:40%)
y el botón "si" esta a un 40%
de la izquierda (left:40%)
(ambos según el width
del padre).
Nota: Después de realizar una prueba, el código solo con los right
/left
funciona estéticamente pero el botón de "no" cambiaba de tamaño de forma rara (tal vez por alguna propiedad css aplicada de bootstrap
) así que le coloque un width:4rem;
a cada uno para que no pierda ese tamaño aun después de desplazarse.