/* Webform */
.webform-submission-form {
  > .form-wrapper {
    > div label,
    > fieldset#edit-voto--wrapper legend {
        width: 210px !important;
    }

    /* Voto */
    fieldset#edit-voto--wrapper {
      --color-off: #ccc;
      --color-on: #ffab00;

      #edit-voto {
        .form-item-voto {
          label {
            width: auto;
            font-size: 1.5rem;
            transition: color .15s;
            cursor: pointer;
            color: var(--color-off) !important;

            i {
              color: var(--color-off) !important;
            }
          }

          input {
            display: none !important;
          }

          input:checked + label,
          &.isOn label,
          &.isHover label {
            color: var(--color-on) !important;

            i {
              color: var(--color-on) !important;
            }
          }
        }

        &.is-hovering {
          .form-item-voto label,
          .form-item input:checked + label {
            color: var(--color-off) !important;

            i {
              color: var(--color-off) !important;
            }
          }

          .form-item.isHover label,
          .form-item.isHover input:checked + label {
            color: var(--color-on) !important;

            i {
              color: var(--color-on) !important;
            }
          }
        }
      }
    }
  }
}