如何修复HTML页面中的"Google signin in“按钮样式？

<link rel="stylesheet" href="https://accounts.google.com/gsi/client" />

<div id="g_id_onload"
     data-client_id="YOUR_CLIENT_ID"
     data-callback="handleCredentialResponse">
</div>

<script src="https://accounts.google.com/gsi/client" async defer></script>
<script>
    function handleCredentialResponse(response) {
        // 处理登录凭证的响应
        console.log(response.credential);
    }
</script>

<div id="g_id_onload"
     data-client_id="YOUR_CLIENT_ID"
     data-callback="handleCredentialResponse"
     class="google-signin-button">
</div>

.google-signin-button {
    /* 自定义样式 */
}