.input-radio{
	&__label{
		display: inline-flex;
		cursor: pointer;
		position: relative;
		@include font(normal, normal, rem(14px), 1.25, $color-dark-grey);
		margin-bottom: 14px;
	}

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

	&__mark{
		display: inline-block;
		width: 14px;
		height: 14px;
		border: 1px solid $color-dark-blue;
		border-radius: 50%;
		background: transparent;
		position: relative;
		margin-top: 2px;
	}

	&__mark::before{
		content: '';
		display: none;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: $color-light-grey;
		opacity: 0.25;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	&__label:hover &__mark::before{display: inline-block;}

	&__mark::after{
		content: '';
		display: none;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: $color-dark-purple;
		position: absolute;
		@include top-center;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	&__text{
		max-width: calc(100% - 22px);
		margin-left: 8px;
		white-space: normal;
	}

  &__notice{
    @include font(normal, normal, rem(12px), 1.25, $color-dark-grey);
    margin-left: 8px;
  }

	input[type=radio]:checked + &__label &__mark::after{display: inline-block;}

	input[disabled] + &__label{cursor: auto;}
	input[disabled] + &__label &__mark{border-color: $color-light-grey; background: $color-sort-grey;}
	&:hover input[disabled] + &__label &__mark::before{display: none;}
}