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);
}