Meu código está dessa forma, porém quando eu vejo como está minha página index, percebo que ela criou um scroll lateral, a parte que deveria estar oculta do baner simplesmente rotacionou e "empurrou" a página. Não identifiquei qual o problema, podem informar o que devo pesquisar para resolver esse problema?
.baner-siga-me-no-twiter{
    width: 10em;
    line-height: 1;
    padding: 1em 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background-color: #3C1D3D;
    color: white;
    border: .25em solid black;
    font-size: 1.2em;
    font-family: "Open Sans condensed", sans-serif;
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: 0 0;
    transform: translate(6.5765em, -2.4745em) rotate(45deg);
}