我正在尝试创建一个贴在屏幕右侧的按钮。我想在90度转弯时用这个按钮。并垂直粘贴50%。我在网上找不到很多帮助，也许你们可以帮忙。请看我下面的代码，它目前不是垂直居中对齐的。

我还添加了一张它的外观图片。先谢谢了！

我的当前代码：

       HTML
 <button type="button" class="button">
     <span class="button__text">Interaction Designer <br> @ Company</span>
     <span class="button__icon"></span>
 </button>

CSS
.button {
    position: absolute;
    display :flex;
    align-items: center; 
    justify-content: center;
    z-index: 999;
    top: 50%;
    right: 0;
    transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);

图片2

顺晟科技：

<代码>正文{保证金：0；}.按钮{位置：固定；Z指数：999；顶部：Calc（50%-120px）；左：未设置；右：-51px；-webkit-transform：旋转（-90度）平移（-50%，0%）；-Moz-transform：旋转（-90度）平移（-50%，0%）；-o-transform：旋转（-90度）平移（-50%，0%）；-ms-transform：旋转（-90度）平移（-50%，0%）；变换：旋转（-90度）平移（-50%，0%）；}

<代码><；按钮类型=“按钮”类=“按钮”>；<；span CLASS=“按钮__文本”>；交互设计器<；br>；@公司<；/span>；<；SPAN CLASS=“按钮__图标”>；<；/SPAN>；<；/按钮>；<；DIV style=“ height：100vh；”>；<；/DIV>；<；DIV style=“ height：100vh；”>；<；/DIV>；