.accordion {
  cursor: pointer;
  padding: 18px;
  width: -webkit-fill-available;
  width: -moz-available;
  outline: none;
  border: none;
  text-align: left;
  transition: 0.4s;
  font-size: 1.2rem;
}
.accordion::after {
  content: "+";
  float: right;
  font-size: 1.2rem;
}
.accordion-active::after {
  content: "-";
  float: right;
  font-size: 1.2rem;
}
.accordion:hover {
  opacity: 0.7;
}
.accordion-panel {
  max-height: 0;
  overflow: auto;
  padding: 0 14px;
  transition: max-height 0.3s ease-out;
  border: 1px solid #bfbfbf;
}