Sign In With Google with custom buttons

I am using google library for social login with custom buttons but it is not opening the login popup.

Below is my code

<div class = "google-design-rest">
    <a href = "javascript:void();" ><i
            class = "fab fa-google"></i> {{ __('shop::app.customer.login-form.continue-with-google-button-text') }} </a>
    <!--end Google Check-->
    <div id = "g_id_onload" data-client_id = "{{ env('GOOGLE_CLIENT_ID') }}" data-context = "signup"
         data-ux_mode = "popup" data-callback = "handleCredentialResponse" data-auto_prompt = "false">
    </div>
    <div class = "g_id_signin" data-type = "standard" data-theme = "filled_blue" data-size = "large"
         data-text = "continue_with" data-shape = "rectangular" data-logo_alignment = "center"
         data-width = "500">
    </div>
</div>

If I use the default buttons then it’s working. There is no way provided by this version of the library to use it with custom buttons. There is no console error as well.
If anyone can provide me a way to make it work will be helpful.