如何在React中将Google sign in按钮居中？

import React from 'react';

const SignInButton = () => {
  return (
    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
      {/* Google sign in按钮的代码 */}
    </div>
  );
}

export default SignInButton;

import React from 'react';

const SignInButton = () => {
  return (
    <div style={{ position: 'relative' }}>
      <div style={{ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)' }}>
        {/* Google sign in按钮的代码 */}
      </div>
    </div>
  );
}

export default SignInButton;