Sign in with Google - tailwind styles, html button

button.html

<button
  class="rounded-md text-[#757575] border border-gray-300 pr-[8px] h-10 items-center flex"
  style={{
    fontFamily: "Roboto",
    fontWeight: 500,
  }}
>
  <svg xmlns="http://www.w3.org/2000/svg" width="46" height="46">
    <g fill="none" fill-rule="evenodd">
      <path
        fill="#4285F4"
        d="m31.6 23.2-.1-1.8H23v3.4h4.8a3.9 3.9 0 0 1-1.8 2.8v2.2h3a8.8 8.8 0 0 0 2.6-6.6Z"
      />
      <path
        fill="#34A853"
        d="M23 32c2.4 0 4.5-.8 6-2.2l-3-2.2a5.4 5.4 0 0 1-8-2.9h-3V27a9 9 0 0 0 8 5Z"
      />
      <path
        fill="#FBBC05"
        d="M18 24.7a5.4 5.4 0 0 1 0-3.4V19h-3a9 9 0 0 0 0 8l3-2.3Z"
      />
      <path
        fill="#EA4335"
        d="M23 17.6c1.3 0 2.5.4 3.4 1.3l2.6-2.6A9 9 0 0 0 15 19l3 2.4a5.4 5.4 0 0 1 5-3.7Z"
      />
      <path d="M14 14h18v18H14V14Z" />
    </g>
  </svg>
  Sign in with Google
</button>