完成形

要点

右上が干渉するので上と右でそれぞれ before と after を使い分けるというのがしっくりきませんが、とりあえず表示するだけならCSSだけでも可能ということがわかりました。