Olá, pessoal! Para atingir o resultado proposto utilizei outras medidas e outra lógica. Não sei se implica em algo problemático no futuro do projeto. Segue:
.twitter-header {
background-color: #3C1D3D;
border: 0.2em solid #000;
font-family: "Open Sans Condensed", "Arial", sans-serif;
font-size: 1em;
text-align: center;
color: #FFF;
text-decoration: none;
width: 40ch;
height: auto;
padding: 1em;
box-sizing: border-box;
position: absolute;
z-index: 1;
top: 3em;
right: -4.1em;
transform: rotate(45deg);
}Vale lembrar que também é necessário esconder o eixo X do html e do body utilizando o overflow-x: hidden; no arquivo principal de css (site.css).
Resultado web: https://snag.gy/fIKrqQ.jpg
Resultado mobile: https://snag.gy/WtpZGm.jpg
Aguardo retorno. Valeu!
