.modal-form {
    position: relative;
    transition: 0.3s all;
}
.modal-form.loading {
	filter: opacity(0.5);
	pointer-events: none;
}
.modal-form.loading::after {
	content: "";
	position: absolute;
	top: calc(50% - 1rem);
	left: calc(50% - 1rem);
	display: inline-block;
	z-index: 1080;
	width: 2rem;
	height: 2rem;
	vertical-align: -0.125em;
	border: 0.25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: 0.75s linear infinite spinner-border;
	animation: 0.75s linear infinite spinner-border;
	color: #4d41d3 !important;
}

#modalFormDataButton, #modalFormAgreementButton {
    transition: 0.2s all cubic-bezier(0, 0, 0.5, 2);
    user-select: none;
    text-align: center;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    background-color: #f6f9fd;
}

#modalFormDataButtonWrap {
    position: relative;
    height: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 24px;
}
#modalFormDataButton {
    position: absolute;
    width: 100%;
    height: 26px;
}
#modalFormDataButton:hover {
    height: 32px;
}