.decorated-title {
  display: flex;
  align-items: center;
  text-align: center;
}

.decorated-title::before,
.decorated-title::after {
  content: "";
  flex: 1;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
}

.decorated-title::before {
  margin-right: 1rem;
}

.decorated-title::after {
  margin-left: 1rem;
}