hover 시에, 양 방향 전부 효과를 줄 수 있는 방법

제가 질문 내용을 이해가 안 가게 적은 것 같습니다! 왼쪽 위에서 오른쪽 위로 가는 것을 before로 작성하고 오른쪽 아래에서 왼쪽 아래로 가는 것을 after로 작성했다고 했을 때, 왼쪽 위에서 왼쪽 아래로 가는 것과 오른쪽 아래에서 오른쪽 위로 가는 것을 추가하고 싶은데 before과 after가 이미 쓰여있는데 중복 사용으로는 추가가 되지 않는 것으로 알고 있습니다. ↓→ ←↑ 이렇게 두 가지를 동시에 추가하고 싶은데 어떻게 하면 될까요?