.form-type-radios {
  display: flex;
  gap: 24px;
  flex-direction: column;

  &>label {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }

  .form-radios
  , .webform-type-radios {
    display: flex;
    gap: 24px;
    flex-direction: column;

    .form-item-radio, .form-type-radio {      
      display: flex;
      flex-direction: row;
      gap: 16px;
      margin: 0px;
      align-items: end;

      input.form-radio {
        display: flex;
        width: 20px;
        height: 20px;
        appearance: none;
        background-image: url('../../images/icons/radio-unchecked.svg');
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        outline: none;
        transition: background-image 0.3s;

        &:hover {
          background-image: url('../../images/icons/radio-hover.svg');
        }

        &:checked {
          background-image: url('../../images/icons/radio-checked.svg');
        }

      }
    }
  }

}