[CSS] input[type="radio"] 버튼 형태로 디자인하기

<StyledRadio>
	<input type="radio" name="item" value="옵션1" />
	<span>옵션1</span>
</StyledRadio>
<StyledRadio>
	<input type="radio" name="item" value="옵션2" />
	<span>옵션2</span>
</StyledRadio>
<StyledRadio>
	<input type="radio" name="item" value="옵션3" />
	<span>옵션3</span>
</StyledRadio>​

const StyledRadio = styled.label`
  & {
    input[type="radio"] {
      display: none;
      & + span {
        display: inline-block;
        padding: 0px 10px;
        height: 35px;
        line-height: 33px;
        font-weight: 500;
        text-align: center;
        color: #222222;
        border: 1px solid #9f9f9f;
        background: none;   
        cursor: pointer;
      }
      &:checked {
        & + span {
          color: #fff;
          border: 1px solid #fe1448;
          background: #fe1448;
        }
      }
    }
  }
`;