.avatar--angry {
  clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 50%);

  &:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}