input[type="radio"] {
    display: none;
  }
  
  label {
    color: grey;
    font-size: 30px;
  }
  
  .rating {
    direction: rtl;
    unicode-bidi: bidi-override;
    text-align: center;
  }
  
  label:hover,
  label:hover ~ label {
    color: orange;
  }
  
  input[type="radio"]:checked ~ label {
    color: orange;
  }
  
  .wpcf7-submit{
    display: block; margin-left: auto; margin-right: auto;
  }
  
  .margin-opinion{
    margin-left: 25%;
    margin-right: 25%;
    text-align: center;
    max-width: 70% !important;
  }

  .margin-raiting{
    margin-left: 25%;
    margin-right: 25%;
    text-align: center;
  }
  
  @media (max-width: 728px) {
    .margin-opinion{
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
      max-width: 100% !important;
    }
  }