Centralizar e mudar ordemdos textos na pagina do produto

Boa tarde alguém pode me ajudar ?
visando melhorar o visual estou tentando centralizar os textos na pagina do produto
e colocar eles na seguinte ordem.
Obrigado

na base da curiosidade eu consegui centralizar no nome do produto e o frete grátis com o seguinte codigo
.produto .nome-produto {
font-size: 18px;
line-height: normal;
margin: 0;
text-align: center;
}
.info-principal-produto {
text-align: center;
}
.produto .principal .atributos {
padding-top: 15px ;
text-align: center;
}

porem os demais não consegui como a variação de cor e os valores e o botao comprar