Как сделать чтоб кнопка выглядела одинаково на всех разрешениях экрана?

RSPARKER,

(function() {
'use strict';

window.addEventListener('load', () => {
addButton('RUN without max', autoclck)
});

function addButton(text, onclick, cssObj) {
cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'23%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3}
let button = document.createElement('button'), btnStyle = button.style
document.body.appendChild(button)
button.innerHTML = text
button.onclick = onclick;
button.addEventListener('click', () => {
button.style.backgroundColor ='green';
});
Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key])
return button
}

window.addEventListener('load', () => {
bddButton('RUN with max', automax)
});

function bddButton(text, onclick, cssObj) {
cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'15%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3}
let button = document.createElement('button'), btnStyle = button.style
document.body.appendChild(button)
button.innerHTML = text
button.onclick = onclick;
button.addEventListener('click', () => {
button.style.backgroundColor ='green';
});
Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key])
return button
}

Код

(function() {

    'use strict';



window.addEventListener('load', () => {

        addButton('RUN without max', autoclck)

    });



    function addButton(text, onclick, cssObj) {

        cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'23%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3}

        let button = document.createElement('button'), btnStyle = button.style

        document.body.appendChild(button)

        button.innerHTML = text

        button.onclick = onclick;

        button.addEventListener('click', () => {

            button.style.backgroundColor ='green';

        });

        Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key])

        return button

    }



window.addEventListener('load', () => {

        bddButton('RUN with max', automax)

    });



    function bddButton(text, onclick, cssObj) {

        cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'15%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3}

        let button = document.createElement('button'), btnStyle = button.style

        document.body.appendChild(button)

        button.innerHTML = text

        button.onclick = onclick;

        button.addEventListener('click', () => {

            button.style.backgroundColor ='green';

        });

        Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key])

        return button

    }

RSPARKER, ну что скажешь?