styled components 형제 선택자 &~

    :hover {
      & ~ ${ArrowHover}.leftHover {
        left: 5px;
        opacity: 1;
        animation-name: loading;
        animation-duration: 300ms;
        animation-iteration-count: initial;
        animation-timing-function: ease-out;
      }
    }

• & ~ div {}
  형제 그룹에 있는 div 모두 선택
• & ~ ${styledComponent} {}
  형제 그룹에 있는 styledComponent 모두 선택
• & ~ ${styledComponent}.className {}
  형제 그룹에 있는 styledComponent 중 className 모두 선택

📎 참고 블로그