:root {
  --color-primary: #007937;
  --color-primary-rgb: 0, 121, 55;
  --color-secondary: #000000;
  --color-accent: #082822;
  --color-info: #d1e012;
  --color-bg: #f6f6f6;
  --bs-primary: #007937;
  --bs-primary-rgb: 0, 121, 55;
  --bs-secondary: #000000;
  --bs-secondary-rgb: 0, 0, 0;
  --bs-info: #d1e012;
  --bs-heading-color: #000000;
  --bs-info-rgb: 209, 224, 18;
  --bs-body-color: #000000;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-link-color: #007937;
  --bs-link-color-rgb: 0, 121, 55;
  --rounded-sm: 10px;
  --rounded-md: 14px;
  --rounded-xl: 25px;
  --transition: all 0.25s ease;
}

.question {
  /* Сброс legacy section { padding: 97px 0 }; зазор — docs/design/base.md */
  padding: 0;
  margin-bottom: 80px;
}
.question__title {
  margin-bottom: 32px;
  font-size: 24px;
  color: var(--color-secondary);
}
.question__item {
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.question__item + .question__item {
  margin-top: 10px;
}
.question__button {
  gap: 24px;
  padding: 18px 20px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  background-color: var(--service-green);
  border-radius: 0 !important;
  box-shadow: none;
}
.question__button::after {
  display: none;
}
.question__button:not(.collapsed), .question__button:focus {
  color: #fff;
  background-color: var(--service-green);
  box-shadow: none;
}
.question__button:not(.collapsed) .question__icon {
  transform: rotate(45deg);
}
.question__button-text {
  flex: 1 1 auto;
}
.question__icon {
  flex: 0 0 auto;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.25s ease;
}
.question__collapse {
  margin-top: 8px;
}
.question__answer {
  padding: 20px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  background-color: #fff;
  border: 1px solid #a7a7a7;
  border-radius: 12px;
}
.question__answer-content p:last-child,
.question__answer-content ul:last-child,
.question__answer-content ol:last-child {
  margin-bottom: 0;
}
.question__answer-content ul,
.question__answer-content ol {
  padding-left: 22px;
}
@media (min-width: 576px) {
  .question__button {
    padding: 20px 25px;
    font-size: 20px;
  }
  .question__icon {
    font-size: 40px;
  }
  .question__answer {
    padding: 20px 25px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .question__title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .question {
    margin-bottom: 140px;
  }
  .question__title {
    margin-bottom: 40px;
    font-size: 40px;
  }
  .question__button {
    font-size: 24px;
  }
}