.question-card {
  transition: all .3s ease-in-out 0s;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  &:hover {
    box-shadow: 0 0 20px rgb(89 125 252 / 30%);
  }
  ul {
    li {
      color: #1c2238;
      font-weight: 500;
      &:not(:last-child) {
        margin-bottom: 10px;
      }
      a, span {
        color: #7d8091;
      }
    }
  }
  .buttons {
    gap: 10px;
  }
}

.control-button {
  span {
    font-size: 14px;
  }
}

.question-filter-wrap {
  gap: 20px;
  @media all and (max-width: 767px) {
    .search-bar input {
      height: 34px !important;
      min-height: 34px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .select-option {
      height: 34px !important;
      select {
        height: 34px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 34px !important;
      }
    }
  }
  @media all and (max-width: 499px) {
    .form-filter {
      margin-right: 0 !important;
      gap: 15px;
      .search-bar {
        width: 100%;
      }
      input {
        width: 100%;
        margin-right: 0;
      }
    }
  }
  .select-option {
    min-width: 250px;
  }
}
.button.button-icon {
  display: flex;
  align-items: center;
  padding: 2px 18px;
}
.button .icon:first-child {
  transform: translateX(-5px);
  margin-right: 5px;
}
.primary-button .icon {
  background: rgba(255,255,255,.1);
}
.button .icon {
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  border-radius: 50%;
}
div.easy-page-body .screening-question-card .screening-question-answer .radio input[type='radio']+span:before,
.easy-page-body .screening-question-card .screening-question-answer .checkbox input[type='checkbox']:checked+span:before {
  font-size: 1.125em;
}

.evaluation-form .form-filter {
  display: block;
}
.question-card {
  ul.card-ul-top {
    margin-bottom: 15px;
  }
  ul.card-ul-bottom {
    padding-top: 15px;
    border-top: 1px solid #ebedf3;
    margin-bottom: 25px;
    font-size: .75em;
  }
}
.easy-page-body .questions .control-button--primary:not(:last-child) {
  margin-right: 0;
}