CSS Mover botões nao consigo mover botões no html e css

Murillo Fagundes Gonçalves · 10 de junho de 2019

Oi galera tudo bem? estou fazendo um site para mim mesmo para estudos e fiquei em duvida em um botao eu uso o padding-top e left para mover eles certo? soq esse botao nao consigo mover para cima como a imagem mostrada do lugar dele quero mover la para cima soq nao consigo alguem pode me ajudar mover este ***** botao?

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
        <title>My Itens</title>
        <link rel="icon" href="imagens/logo.png" sizes="16x16" type="image/png">
        <link rel="stylesheet" type="text/css" href="css/css.css">
    </head>
    <body background="imagens/feig.jpg">
        <div class="imagemlogo">
            <img src="imagens/logo.png" width="10%" height="10%">
        </div>
    <div class="texto">
        <h1>ME ITEMS</h1>
    </div>
    <div class="texto1">
        <h3> Sua Empresa Seus Itens! </h3>
    </div>
    <div class="po">
    <a href="#" class="bottom">Sobre Nos</a>
    </div>
    </body>
</html>

Spoiler


a.bottom{
    margin: 10px auto;
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #ddd;
    color: #111;
    font-family: calibri;
    text-transform: uppercase;
    font-weight: bold;
    }
    
    a.bottom:hover{
    background: #f90;
    color: #fff;
    }

.po {
    padding-left: 93%;
    padding-right: 10px;
}