在TosRUs灯箱上使用“：Before”进行垂直对齐

Question

我认为我一直在研究这个问题，时间太长了。我已经尝试了几乎所有我能想到的东西，但没有成功。本质上，我正在使用从TosRUs获得的灯箱。这是一个漂亮的小灯箱，由于已经做出了其他选择，使用替代品将很难替换。我在DIV上附加了社交图标的DIV，这与垂直对齐方式无关。如果我只是删除前置元素，则使用：before选择器将图像正确居中。但是，我确实需要找到一种方法来将那些图标放在其中，并使其在所有设备上垂直居中。

我有一个CodePen here，其中有一个非常非常简单的灯箱示例以及“社交图标”占位符。

这是使图像正确居中的CSS，但不适用于前置元素...：

.tos-slide:before {
    content: "";
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

非常感谢您的协助。我对JS解决方案持开放态度，但是我相当确定这可以通过一些CSS来解决。