.page-date {
  display: grid;
  grid-auto-flow: column;
  column-gap: var(--margin-text);
  align-items: center;
  justify-content: start;
  color: var(--slate-700);
}
.page-date--centered {
  justify-content: center;
  color: var(--slate-600);
  --margin-block: var(--margin-heading);
}
.page-date::before {
  width: 20px;
  height: 20px;
  content: "";
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23545455' d='M7.5 8.33H5.83V10H7.5V8.33Zm3.33 0H9.17V10h1.66V8.33Zm3.34 0H12.5V10h1.67V8.33Zm1.66-5.83H15V.83h-1.67V2.5H6.67V.83H5V2.5h-.83c-.93 0-1.67.75-1.67 1.67v11.66a1.67 1.67 0 0 0 1.67 1.67h11.66a1.67 1.67 0 0 0 1.67-1.67V4.17a1.67 1.67 0 0 0-1.67-1.67Zm0 13.33H4.17V6.67h11.66v9.16Z'/%3E%3C/svg%3E") center/contain no-repeat;
}