hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.purple-background,
.blue-background,
.red-background {
  hr{
    border-color: color("white");
  }
}

.yellow-background,
.green-background,
.pink-background {
  hr{
    border-color: theme-color("charcoal");
  }
}