.blog-type > p {
  font-weight: bolder;
}

a.blog-type-btn {
  background-color: #550f75;
  color: #120f12;
  text-decoration: none;
  border: 1px solid #fcfcfc;
  border-radius: 4px;
  padding: 4px;
  margin: 4px;
  transition: background-color 0.9s;
}

a.blog-type-btn.active {
  background-color: #c016c6;
}

hr.blog-type-line {
  border: 3px dotted #c016c6;
}

a.blog-type-btn:hover {
  background-color: #ea79d8;
}

a.blog-type-btn.active:ae6bdb {
  background-color: #ae6bdb;
}

@media only screen and (max-width: 768px) {
  a.blog-type-btn {
    display: block;
  }
}