.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;
   }

   &__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;

      @include _HDesktop {
         padding-top: 16px;
      }
   }
}

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