.notification {

  /* circle shape, size and position */
  position: absolute;
  right: -0.8em;
  top: -0.8em;
  min-width: 1.6em; /* or width, explained below. */
  height: 1.6em;
  border-radius: 0.8em; /* or 50%, explained below. */
  border: 0.05em solid white;
  padding: 0.3em;
  background-color: red;

  /* number size and position */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  color: white;

  z-index: 1;
}

.notificated {
	position: relative;
}