.likert {
  list-style-type: none;
  margin: 25px 0 25px 0;
  padding: 0;
}

.likert input[type="radio"] {
  display: none;
}

.likert input[type="radio"]:checked + label, .Checked + label {
  background: lightgreen;
}

.likert label {
  padding: 15px;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  float: left;
  position: relative;
  border-radius: 15px;
  border: solid;
  margin-left: -2px;
}

.likert label:hover {
  background: #DDD;
}

.likert-mobile {
  list-style-type: none;
  margin: 25px 0 25px 0;
  padding: 0;
}

.likert-mobile input[type="radio"] {
  display: none;
}

.likert-mobile input[type="radio"]:checked + label, .Checked + label {
  background: lightgreen;
}

@media (min-width: 300px) {
  .likert-mobile label {
    padding: 15px;
    margin-left: -2px;
    border: 1px solid #CCC;
    cursor: pointer;
    z-index: 90;
    float: left;
    position: relative;
    border-radius: 15px;
    border: solid;
    width: 90vw;
    max-width: 90%;
  }
}

@media (min-width: 768px) {
  .likert-mobile label {
    width: inherit;
    max-width: 100%;
  }
}

.likert-mobile label:hover {
  background: #DDD;
}

.likert-mobile2 {
  list-style-type: none;
  margin: 25px 0 25px 0;
  padding: 0;
}

.likert-mobile2 input[type="radio"] {
  display: none;
}

.likert-mobile2 input[type="radio"]:checked + label, .Checked + label {
  background: lightgreen;
}

.likert-mobile2 label {
  padding: 15px;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  float: left;
  position: relative;
  border-radius: 15px;
  border: solid;
  width: 90vw;
  max-width: 90%;
}

.likert-mobile2 label:hover {
  background: #DDD;
}

.required {
  border: solid;
  border-color: red;
}