.step-answer {
  display: flex;
  gap: 1.8rem;
  align-items: center;
  width: var(--default-button-size);
  margin-inline: auto;
  margin-bottom: 1.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-block: 1rem;
  background-color: var(--question-bg-color);
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(193, 193, 193, 1);
}

.step-answer.active {
  border: 1px solid var(--primary-color);
  background-color: var(--question-bg-color-active);
}

.step-answer .check-icon {
  display: none;
}

.step-answer.active .check-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.step-answer div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.step-answer .answer-img {
  width: 50px;
}

.step-answer p {
  text-align: left;
  max-width: 180px;
}