Fiz um html com um css embutido contendo três estilos diferentes para três Ids. Porém não está funcionando. Teitei deixar só um e também não funciona.

Não sei ao certo onde estou errando, seria na declaração desse style embutido? Teria que separar um estilo de id por Tag? Dá pra colocar vários estilos de classe em para uma tag style?

A minha ideia era colocar três botões centralizados na tela.

Segue o meu código:


    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    	#centralizado1 = {position:absolute; top=46%; left=50%; transform:translate(-46%, -50%)}
    	#centralizado2 = {position:absolute; top=50%; left=50%; transform:translate(-50%, -50%)}
    	#centralizado3 = {position:absolute; top=54%; left=50%; transform:translate(-54%, -50%)}  
    </style> 
    
    <body>
    
    <div id="centralizado1">
    <button >A</button>
    </div>
    <div id="centralizado2">
    <button>B</button>
    </div>
    <div id="centralizado3">
    <button>C</button
    </div>
    
    </body>
    </html>