button.html

<!--GC BUTTON START-->
<a
  href="https://beta-wallet.gamechanger.finance/api/2/run/1-H4sIAAAAAAAAA4WTz2obMRDGX2XYy25gG0ggUHIpi11IGhJMXeh5rB171cqSkEZJFmPIc_TSV-wjdGSvycbkz2nRfD_NfKOZ3RTceyoui6iC9lzUBWs2OfDv758nmDhrSTE8aO6gRe-_CNHSHtbOCtcsXGJgB7HDQNC7FMCnhdEKHtAYYtB26cIaMw9oW0CYXM8-fYaoVxY5ySW5fU9BL3vgTkcpxCh16NG7wE2UImrvQ4IhSdFNsUPke-x-kC2uaSSviO9yZFsX2LaBYnwpTlIIZLkZNMGiJ9vO0uKG-pfoPAvarma7FrOcacbf9CotwjE8OLiWVxnBa1TBHRooNnK3eeYqOValQtXRae78dMhRnpxsdylXgWgtHbydMJA3qKgxpipv-0hmWctjE6RIAdzyMKtmOv3-dT4HVIo8x-e5irwfznia2oILrSQQTI1XJWfO61LW5ZCxrD_oIaJ5x35Kuq0yuBW0w9i9jYrfi7Pzyi1-_XDforPHjycFh4qyf-MdkuNU9J_SwGETRvuym8nrDWzzTyGRK3o84rLTcm_7P13POjpqAwAA"
  class="gcConnectButton"
  >Connect with GC</a
>
<style>
  .gcConnectButton {
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color: #7892c2;
    border-radius: 25px;
    border: 1px solid #4e6096;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 37px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
  }
  .gcConnectButton:hover {
    background: linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color: #476e9e;
  }
  .gcConnectButton:active {
    position: relative;
    top: 1px;
  }
</style>
<!--GC BUTTON END-->