如何对齐图标和文字

Question

我已将“ WebSiteVoice” https://websitevoice.com/添加到我的网站。我调整了代码，并能够将图标与一些文本放置在所需的位置。但是，当我以响应模式查看它时，位置和文本会移动，并且可能难以阅读。关于如何为手机等操作此代码的任何想法？

已添加：我需要将文本放在水平位置，就像这里的顶部。 https://imgur.com/a/Q5DXkHa

这是我正在使用的代码：

.wv-wrapper.wv-circle-small {
  margin-top: 0;
  margin-left: 0;
}

.wv-wrapper.wv-circle-small::after {
  content: ' Listen to article ...';
  display: block;
  width: 150px;
  margin-left: 75px;
  font-size: 90%;
  font-style: italic;
}

可以在此处查看示例：https://imgur.com/a/Q5DXkHa