.circular-number {
  background-color: var(--wp--preset--color--verylightblue);
  border-radius: 50%;
  aspect-ratio: 1/1;
  text-align: center;
  width: 3.75rem;

  &.h1 {
    font-family: var(--wp--preset--font-family--serif);
    font-size: 4.5rem;
    line-height: 1.02;
  }
}

.has-background .circular-number {
  background-color: white;
}

.circular-number div {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}