.accordion-content {
  max-height:0;
  overflow: hidden;
  transition:  all 0s ease-in-out;
  transition-timing-function: ease-in-out;
}
.accordion-item{
  border-bottom: 1px solid #00a7cf;
}
.accordion-header figure.accordion__icon.accordion__close-icon,
.accordion-header figure.accordion__icon.accordion__open-icon{
  margin: 10px;
}
.accordion-header {
  position:relative;
  z-index:2;
  display:flex;
  justify-content: space-between;
  align-items:center;
  cursor:pointer;
}

.accordion__icon {
  line-height: 0;
}

.accordion__close-icon,
.accordion__open-icon {
  position:absolute;
  right:0;
  transition: all 0s ease-in-out;
  transition-timing-function: ease-in-out;
}
.accordion__open-icon {
  opacity:0;
}
.accordion__icon img,
..accordion__icon svg {
  transition: all 0s ease-in-out;
  transition-timing-function: ease-in-out;
}

.active--button .accordion-content {
  max-height:1000px;
}

.active--button .accordion__close-icon {
  opacity:0;
}
.active--button .accordion__open-icon {
  opacity:1;
}

.active--button .accordion-header{
  margin-bottom: 0;
}

.accordion-content ul {
  list-style:none;
  padding-left:0;
}
.accordion-content li {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.accordion-content hr {
  border:none;
}

@media screen and (max-width:768px){
  .accordion-header{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 20px;
  }
}