.post h2.wp-block-heading {
  counter-reset: h3;
  counter-increment: h2;
  margin-top: 50px;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}

.post h2.wp-block-heading::before {
  content: counter(h2) "";
  display: inline-block;
  width: 1.6em;
  background-color: #3570e6;
  margin-right: 10px;
  vertical-align: middle;
  color: #FFF;
  border-radius: 10%;
  text-align: center;
}

.post h3.wp-block-heading {
  counter-reset: h4;
  counter-increment: h3;
  font-size: 1.17em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

.post h3.wp-block-heading::before {
  content: counter(h2) "." counter(h3) "";
  margin-right: 10px;
}

.post h4.wp-block-heading {
  counter-increment: h4;
  font-style: italic;
  color: #666;
  font-weight: 600;
  margin-top: 30px;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}

.post h4.wp-block-heading::before {
  content: counter(h2) "." counter(h3) "." counter(h4) "";
  margin: 0 10px;
}