@black: #464646;
@black2: #666;
@black3: #909090;
@black4: #d8d8d8;
@black5: #e6e6e6;

.components-question-render {
  background-color: white;

  .question-body {
    .question-item {
      .item-body {
        line-height: 1.4;
        padding-left: 28px;
      }
    }
  }

  .question-footer {
    padding: 5px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-primary);

    > * {
      & + * {
        margin-left: 10px;
      }
    }

    .footer-title {
      &:before {
        content: attr(data-title);
      }
    }

    &.reverse {
      .footer-title {
        &:before {
          content: '收起';
        }
      }

      .icon {
        transform: rotate(180deg);
        transform-origin: 50% 50%;
      }
    }
  }
}