Button 컴포넌트에 cyan과 fullwidth라는 props를 넣어 주면 다른 스타일이 적용됩니다.

다시 AuthForm을 열어서 Button을 사용하는 부분을 수정해 주세요.

components/auth/AuthForm.js - AuthForm

const AuthForm = () => {
  return (
    <AuthFormBlock>
      <h3>로그인</h3>
      <form>
        <StyledInput autoComplete="username" name="username" placeholder="아이디" />
        <StyledInput 
          autoComplete="new-password" 
          name="password" 
          placeholder="비밀번호" 
          type="password" 
        />
        <Button cyan fullWidth>
          로그인
        </Button>
      </form>
      <Footer>
        <Link to="/register">회원가입</Link>
      </Footer>
    </AuthFormBlock>
  );
};

---

 

<Button cyan fullWidth>는 <Button cyan={true} fullwidth={true} />와 같은 의미입니다.