.accordion .accordion__content {
    overflow: hidden;
    height: 0;
    transition: 0.4s ease-in-out;
  }
  
  .accordion__question {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer;
  }
  
  .accordion__icon {
    margin-top: 7px;
  }
  
  .accordion__icon.active {
    margin-top: 10px;
  }
  
  .accordion__icon::before {
    height: 7px;
    width: 7px;
    content: "";
    position: absolute;
    bottom: auto;
    transition: .5s all;
    transform: rotate(45deg);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  
  .accordion__icon.active::before {
    transform: rotate(-135deg);
    transition: max-height 250ms ease, opacity 250ms ease, margin-bottom 250ms ease;
    margin-bottom: 8px;
    overflow: hidden;
  }
  
  @media screen and (max-width: 575px) {
    .article-content p.accordion__question {
      display: grid;
      grid-template-columns: auto auto;
      text-align: left;
    }
    .accordion__question .accordion__icon {
      margin-right: 10px;
      margin-top: 8px;
    }
    .accordion__question .accordion__icon.active {
      margin-top: 12px;
    }
  }