Html 如何在文本区域内放置浮动按钮？

我需要这样做：

使用Vue框架和POSTSS预处理器

我尝试了一个contenteditable span的变体，在这里可以找到-但是按钮不是浮动的，文本只是隐藏在按钮下面，好像它有一个绝对位置：

<div class="feedback__textarea">
  <app-btn theme="deepwater" class="feedback__btn">Отправить</app-btn>
  <span contenteditable="true"
        class="feedback__input"
        id="feedback-form-message"
        name="message"></span>
</div>

.feedback__textarea {
    position: relative;
    height: 150px;
    background-color: var(--white);
}

.feedback__textarea .feedback__input {
    position: relative;
    top: -60px;
    display: inline-flex;
    width: 100%;
    height: 150px;
    color: var(--dark-grey);
    word-break: break-all;

    &:focus {
        outline: none;
    }
}

.feedback__btn {
    float: right;
    position: relative;
    top: 90px;
}

Отправить
.反馈\文本区域{
位置：相对位置；
高度：150像素；
背景色：var（--白色）；
}
.反馈\文本区域.反馈\输入{
位置：相对位置；
顶部：-60px；
显示：内联flex；
宽度：100%；
高度：150像素；
颜色：var（--深灰色）；
单词break：打破一切；
&：焦点{
大纲：无；
}
}
.反馈信息{
浮动：对；
位置：相对位置；
顶部：90px；
}

您可能期望这样：

---

我需要一个浮动在按钮周围的输入。在我和你的变体中，它隐藏在按钮下。我看到我的答案不够清楚，我需要一个输入，以便能够显示在与按钮相同的高度，这样你就有了一个文本区域，而没有右下角。在你的新版本中，它没有完整的底线。我已经用多行文本区域更新了解决方案。谢谢你的帮助，我认为这个问题真的很难解决。你的新解决方案有一个减号，文本只出现在按钮的左侧，我需要一个文本，它不仅能够从一侧浮动，而且能够从两个方向浮动-顶部和左侧。嗯。。。您的意思是按钮内的文本显示在左上方吗？如果你能为你的需求制作一个屏幕截图，这将是很有帮助的。