:root {
    --microsoft-yellow: rgb(255,185,0);
    --microsoft-red: rgb(242, 80, 34);
    --microsoft-blue: rgb(0, 164, 239);
    --microsoft-green: rgb(127, 186, 0);
}

.pt-sym {
  display: inline-block;
  height: 1em;
  width: 1em;
  border: 0.1em solid black;
  margin-right: 0.2em;
}

.pt-sym::before {
  display: block;
  content: attr(data-num);
  font-size: 0.3em;
  font-weight: normal;
  text-align: center;
  line-height: normal;
}

.pt-sym::after {
  display: block;
  content: attr(data-sym);
  font-weight: bold;
  font-size: 0.45em;
  text-align: center;
  line-height: normal;
}