common-ui-button-v1

export const S_Button = styled.button`
  // 가장 기본적인 파란색 버튼입니다. 화면 가로너비 전체를 차지합니다.
  width: 100%;
  height: 50px;
  padding: 10px 12px;
  border-radius: 5px;
  color: var(--white);
  font-size: 1rem;
  background-color: var(--blue300);
  :hover {
    background-color: var(--blue200);
  }
`
export const S_ButtonGray = styled(S_Button)`
// 가장 기본적인 회색 버튼입니다. 화면 가로너비 전체를 차지합니다.
  color: var(--gray600);
  background-color: var(--gray100);
  :hover {
    background-color: var(--gray200);
  }
`