.questions_cel {
  --icon-size: 32px;
  --max-width: 840px;

  border-bottom: 1px solid var(--color-indigo);
  display: flex;
  flex-direction: column;
  gap: var(--spacers-16);
  margin: 0 auto;
  margin-top: var(--spacer-20);
  max-width: var(--max-width);
  width: 100%;

  @media screen and (width >= 1280px) {
    margin-top: var(--spacer-40);
  }
}

.questions_cel__item {
  border-top: 1px solid var(--color-indigo);
  overflow: hidden;
  padding-block: var(--spacers-24);

  @media screen and (width >= 1280px) {
    padding-block: var(--spacers-30);
  }
}

.questions_cel__question {
  align-items: center;
  color: var(--color-indigo);
  cursor: pointer;
  display: flex;
  gap: var(--spacers-16);
  justify-content: space-between;
  list-style: none;
  user-select: none;
}

.questions_cel__question::-webkit-details-marker {
  display: none;
}

.questions_cel__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--icon-size);
  justify-content: center;
  position: relative;
  width: var(--icon-size);

  & .plus {
    display: block;
  }

  & .minus {
    display: none;
  }
}

.questions_cel__item[open] {
  .questions_cel__icon .plus {
    display: none;
  }

  .questions_cel__icon .minus {
    display: block;
  }
}

.questions_cel__answer {
  color: var(--color-indigo);
  font-weight: var(--font-weight-500);
  padding-block-start: var(--spacer-24);

  @media screen and (width >= 1280px) {
    padding-block-start: var(--spacer-30);
  }
}