.feedback-question-card {
  width: 450px;
  min-height: 150px;
  margin-top: 15px;
  padding: 20px;

  border-radius: 5px;
  box-shadow:
    0 3px 1px -2px rgb(0 0 0 / 20%),
    0 2px 2px 0 rgb(0 0 0 / 14%),
    0 1px 5px 0 rgb(0 0 0 / 12%);

  .text {
    min-height: 36px;
  }

  .mark-example {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;

    .star-name {
      max-width: 60px;
      text-align: center;
    }

    .star {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
      cursor: pointer;
      transition: all 0.2s ease-in-out;

      app-cmf-doodle-icon {
        transition: filter 0.2s ease-in-out;
      }

      .star-outline {
        &.dimmed {
          filter: grayscale(0.6);
        }

        &.mark-highlighted {
          color: var(--default-color-orange);
        }
      }
    }
  }
}