.rd-course-card.rd-survey-card {
  display: grid;
  grid-template-columns: auto 160px;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding:var(--rd-spacing-md);
  gap: var(--rd-spacing-x-lg);
}

.editableComponentContent .rd-survey-card div:first-child{
	font-weight: var(--rd-fontweights-open-sans-0);
}

.editableComponentContent .rd-survey-card div{
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height:var(--rd-lineheights-0);
	letter-spacing: 0.18px;
  display: flex;
}

.editableComponentContent .rd-survey-card div::before{
	background-color: var(--rd-font-dark);
}

.editableComponentContent .rd-course-card.rd-survey-card .rd-survey-card-desc{
  display: flex;
  column-gap: var(--rd-spacing-x-lg);
  row-gap: var(--rd-spacing-xxx-big);
  flex-wrap: wrap;
    justify-content: space-between;
}
.editableComponentContent .survey-items {
  container-type: inline-size;
}

@container (max-width:800px) {


  .editableComponentContent .rd-course-card.rd-survey-card{
    grid-template-columns: 100%;
    gap: 32px;
  }

  .editableComponentContent .rd-course-card.rd-survey-card .rd-primary-btn{
    margin-left: auto;
  }
}


@container (max-width:600px) {


  .rd-survey-card-desc{
    flex-direction: column;
  }
}