Before after content characters

To make non alphabetically characters work inside content:, you need to encode them to unicode. As they are hard to remember, here is a simple list.

.element:before {
  /* Breaking space */
  content: "\0020";

  /* Non breaking space */
  content: "\00a0";
}

Source: https://www.designcise.com/web/tutorial/how-to-add-space-before-or-after-an-element-using-css-pseudo-elements