#referral-form {
	input:user-invalid,
	input.user-invalid {
		box-shadow: inset 0px 0px 0px 2px #b52159;
	}

	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	input[type='number'] {
		-moz-appearance: textfield;
	}

	section {
		opacity: 0;
		visibility: hidden;
		height: 0;
		&.active {
			opacity: 1;
			visibility: visible;
			height: auto;
		}
		.buttons {
			display: flex;
			justify-content: space-between;
		}
		input:focus,
		select:focus,
		.button:focus {
			outline: 2px solid #fcff00; /* Custom focus style */
			outline-offset: 2px;
		}
	}
}

#save-answers-btn:focus {
	outline: 2px solid #fcff00; /* Custom focus style */
	outline-offset: 2px;
}

.form-input-group:has(> .checkbox) {
	display: flex;
	align-items: flex-end;
}

.checkboxes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.checkboxes div {
	display: flex;
	align-items: center;
}

.checkboxes div input {
	flex: none;
}

.checkbox {
	display: flex;
	align-items: center;
}

.checkbox input {
	flex: none;
}