Css 垂直居中：在块级别元素之后

我正在尝试以：after data URI作为背景构建此按钮（箭头）：

我需要将箭头垂直居中。查看我的单线文本很容易（使用垂直对齐），但当线断开并环绕时，箭头仍必须居中。因为我不能使用额外的标签，所以我不能使用我通常的技巧：

.container{position: relative;}
.innercontainer { 
    display: table; 
    position: absolute;
}
    .text p {
      display: table-cell; 
      vertical-align: middle; 
    } 

以下是我的实际HTML：

  <a class="btn" href="#">GLOBAL SOURCING AND SUPPLY CHAIN MANAGEMENT</a>

---

您可以稍微调整顶部、左侧的

位置，以获得所需的结果

我可以通过添加

top: 50%;

添加到.btn:after.
的样式，该样式实际上不以按钮的单行文本版本为中心。看到小提琴包括小提琴，请检查谢谢约翰，但如果你添加一个单线版本它没有垂直居中。请检查更新的小提琴，我必须说它不是绝对居中，但足够近我想：）哦，我明白了！40%是关键。很好的工作，谢谢大家。很好的hopper，但它不是以单行版本为中心的。
top: 50%;