.qa-container {
  margin: 5rem auto 0;
  max-width: 100%;
  width: 100%;
}

.qa-list:not(:first-child) {
  margin-top: 2rem;
}

.question-title {
  background: var(--light-gray);
  cursor: pointer;
  font-size: 1.6rem;
  padding: 2rem 4rem;
  position: relative;
  color: var(--white);
}

.question-title:before {
  position: absolute;
  display: block;
  content: "Q";
  top: 1.8rem;
  left: 1.2rem;
  color: var(--yellow);
  font-size: 2rem;
}

.question-title:after {
  position: absolute;
  display: block;
  content: "";
  top: 35%;
  right: 22px;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  transform: rotate(135deg);
  transition: all 0.3s ease-in-out;
}

.question-title.open:after {
  transform: rotate(-45deg);
  top: 45%;
}

.answer-text {
  display: none;
  padding: 2rem 4rem;
  position: relative;
}

.answer-text p {
  font-size: 1.6rem;
  line-height: 1.6;
}
.answer-text a {
  border-bottom: 2px solid var(--yellow);
  color: var(--yellow);
}

.answer-text:before {
  position: absolute;
  display: block;
  content: "A";
  top: 18px;
  left: 12px;
  color: var(--yellow);
  font-size: 2rem;
}