.accordion .accordion-heading {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: transparent;
  transition: border 200ms ease-out;
}

.accordion .accordion-heading:not(.active):after {
  content: "▶";
  float: right;
}
.accordion .accordion-heading:not(.active) {
  padding-bottom: 12px;
  border-color: black;
  transition: border 200ms ease-out;
}

.accordion .accordion-heading.active:after {
  content: "▼";
  float: right;
}
.accordion > ul,
ul.accordion {
  list-style-type: none;
}
/* visibilty */
.accordion :is(.accordion-heading.active) + .answer {
  display: block;
}
.accordion :is(.accordion-heading:not(.active)) + .answer {
  display: none;
}