将Facebook中的“发送到Messenger”按钮和文本居中

Question

是否可以将“发送到Messenger”按钮居中，使其与“登录为”文本居中？

这种类型对我们的移动UI的用户体验产生负面影响，并且我们尝试了各种CSS技巧，均未成功。

我了解，如果iframe是从同一域中加载的，则只能使用JS更改iframe的CSS，因此它也不可能解决。

FB默认值：

我们想要这样：

.text-center {
text-align: center;
}

.btn-send-fb {
   width: 180px;
   margin: 0 auto;
}


<div class=“text-center btn-send-fb”>
           <div class=“fb-send-to-messenger”
                data-messenger_app_id=“1000000000000”
                data-page_id=“1000000000000"
                data-color=“blue”
                data-size=“xlarge”
                data-cta_text=“SEND_THIS_TO_ME”>
           </div>
 </div>

有什么想法吗？