.accordion {
   &__f-a-q {
      border-bottom: 1px solid #534d4f;
      padding: 24px 0;

      @include _HDesktop {
         padding: 43px 0;
      }

      &:first-child {
         border-top: 1px solid #534d4f;
      }
   }

   &__question {
      display: flex;
      gap: 8px;
      align-items: center;
      cursor: pointer;
      justify-content: space-between;
      width: 100%;
   }

   &__trigger {
      width: 22px;
      height: 22px;
      transition: transform 0.2s linear;

      @include _HDesktop {
         width: 37px;
         height: 37px;
      }

      img {
         width: 100%;
         height: 100%;
      }
   }

   &__content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s linear;
   }

   &__content-inner {
      padding-top: 20px;
      color: #ffffff99;
      max-width: 83%;

      @include _Tablet {
         max-width: 91%;
      }

      @include _Desktop {
         font-size: rem(14);
         max-width: 70%;
      }

      @include _HDesktop {
         padding-top: 16px;
         font-size: rem(16);
         max-width: 72%;
      }

      ul li {
         list-style: disc;
         margin-left: 20px;
         margin-bottom: 10px;
      }

      ol li {
         list-style: decimal;
         margin-left: 20px;
         margin-bottom: 10px;
      }

      p {
         margin-bottom: 10px;
      }
   }
}

.accordion__question.is-open {
   .accordion__trigger {
      transform: rotate(45deg);
      filter: grayscale(1);
   }

   .acc-btn::after {
      transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
      opacity: 0;
   }
}
