如何修改/定位YouTube的HTML“配置按钮”？

Question

我正在尝试定位和缩放可在此处生成的HTML YouTube订阅按钮：https://developers.google.com/youtube/youtube_subscribe_button

我想将其放大并在页面中居中。

我试图通过将其包装在div中并尝试直接对其进行修改来定位/缩放它。我两次都失败了。

我是CSS和HTML的新手-希望可以在这里找到解决方案。非常感谢。 ：）

HTML：

<div class="subscribe-button">
    <div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>
</div>

CSS：

.subscribe-button {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    min-width: 25%;
}