Можно ли использовать стили css из кнопок htmls для кнопок javascript?

У меня есть кнопки в файле HTML со стилем из файла CSS. Но как я могу сделать кнопки из моего файла Javascript с таким же стилем? Я попробовал функцию changeColor(), но она позволяет мне установить только один цвет фона, а не несколько.

Это кнопка JS

var button = document.createElement('button');
button.onclick = function() {
    button.className = "button";
    kontaktBearbeitenInit(kontakt.id);
    $('#dialog2').modal('show');
    changeColor();
};
var image = document.createElement('img');
image.className = "button-image";
image.src = "images/edit.png";
image.width = "15";
image.height = "15";
button.appendChild(image);
td.appendChild(button);

изменить цвет();

function changeColor(){
Array.from(document.querySelectorAll('button')).map(function(button) {
           button.style.className = "button";
})

мой стиль css

.button {
-moz-box-shadow:inset 0px 1px 3px 0px #9fb4f2;
-webkit-box-shadow:inset 0px 1px 3px 0px #9fb4f2;
box-shadow:inset 0px 1px 3px 0px #9fb4f2;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b4c3df), color-stop(1, #abc9ee));
background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:-webkit-linear-gradient(top, #7892c2 5%, #9eb7d6 100%);
background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
background:linear-gradient(to bottom, #7892c2 5%, #9cb6d6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
background-color:#7892c2;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #4e6096;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-weight:bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
text-decoration:none;
text-shadow:0px -1px 0px #283966;