.gfield--type-homegrade-rating {
  legend.gfield_label {
    @apply pb-6 !text-2xl text-center;
  }
  .gfield_radio {
    @apply grid  sm:flex md:justify-between max-w-lg text-center mx-auto items-start;
    @apply gap-0  sm:gap-2 md:gap-6;

    @media screen and (max-width: 400px) {
      grid-template-columns: auto auto;
      width: fit-content;
      column-gap: 1rem;
    }

    .gchoice {
      @apply flex flex-col justify-center items-center;
      &:last-child {
        grid-column: auto / span 2;
      }
      label.gform-field-label {
        @apply !ml-0 mt-3 !font-normal;
      }
      input.gfield-choice-input {
        @apply rounded-none border-none;
        @apply w-16 md:w-20  h-12 bg-no-repeat bg-center bg-contain cursor-pointer py-4 rounded-2xl bg-transparent box-content;
        box-shadow: none;
        filter: grayscale(100%) opacity(0.5);
        transition: all 0.3s ease-in-out;
        &[value='1'] {
          content: url('../resources/img/pictogrammes/icon-satisfaction-pas-du-tout.svg');
        }
        &[value='2'] {
          content: url('../resources/img/pictogrammes/icon-satisfaction-un-peu.svg');
        }
        &[value='3'] {
          content: url('../resources/img/pictogrammes/icon-satisfaction-moyen.svg');
        }
        &[value='4'] {
          content: url('../resources/img/pictogrammes/icon-satisfaction-beaucoup.svg');
        }
        &[value='5'] {
          content: url('../resources/img/pictogrammes/icon-satisfaction-parfait.svg');
        }
        &:focus-visible,
        &:hover,
        &:checked {
          transform: scale(1.15);
          filter: grayscale(0%) opacity(1);

          @apply !outline-secondary outline-1;
          outline-opacity: 50% !important;
        }
        &:focus-visible {
        }
      }

      &:has(input.gfield-choice-input:checked) {
        label.gform-field-label {
          @apply !text-secondary !font-bold;
        }
      }
    }
  }
}
#client-satisfaction {
  input[type='submit'] {
    @apply !mx-auto !text-base mt-6;
  }
}
