.check_fields_form {
	margin: 1rem 2rem;
	padding: 0 0.5rem;
	align-self: flex-start;
	pointer-events: auto;
}
.check_fields_form.G_grid {
	grid-template-columns: 1.5fr 1fr 1fr;
	grid-template-rows: 0.25fr 0.5fr 1.5fr 1fr;
	grid-template-areas:
	"e_text e_text e_text"
	"e_field e_field e_field"
	"ag_text ag_text ag_field"
	"empty_1 send_btn send_btn";
	align-items: center;
}
.check_fields_form span {
	color: orange;
}
label.e_mail {
	grid-area: e_text;
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	background-color: var( --second_bkg_highlite_hsl_color_0-20 );
}
input.e_mail {
	grid-area: e_field;
	padding: 0 0.5rem;
	height: 2rem;
	font-size: 1.25rem;
	border-radius: 0.5rem;
	box-shadow: var( --mainShadow );
}
label.agree {
	grid-area: ag_text;
	padding: 0.5rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	background-color: var( --second_bkg_highlite_hsl_color_0-20 );
}

label.agree > p {
	cursor: pointer;
	font-weight: 800;
}

input.agree {
	grid-area: ag_field;
	margin-right: 0.25rem;
	height: 1.25rem;
	width: 1.25rem;
	justify-self: center;
	box-shadow: var( --m_mainShadow );
}

.need_txt {
	margin-left: 0.5rem;
}
#order_btn_id {
	grid-area: send_btn;
	padding: 0.65rem;
	width: 10rem;
	justify-self: end;
	font-size: 1.25rem;
	border-radius: 1.75rem;
	color: lightsteelblue;
	border: none;
/*	background-color: transparent;*/
	pointer-events: none;
	box-shadow: none;
}

#order_email_id:valid + label.e_mail {
	background-color: transparent;
}
#pogoji_cbox_id:checked ~ label.agree {
	background-color: transparent;
}
#order_email_id:valid ~ #pogoji_cbox_id:checked ~ #order_btn_id {
	color: var( --mainGrayColor );
/*	background: linear-gradient(135deg, var( --second_bkg_highlite_hsl_color_0-20 ) 0%, white 50%, var( --second_bkg_highlite_hsl_color_0-20 ) 100%);*/
	box-shadow: var( --m_CTAshadow );
	pointer-events: auto;
	cursor: pointer;
}
#order_email_id:valid ~ #pogoji_cbox_id:checked ~ #order_btn_id:active {
	background: linear-gradient(135deg, var( --second_bkg_highlite_hsl_color_0-20 ) 0%, lightblue 50%, var( --second_bkg_highlite_hsl_color_0-20 ) 100%);
}

.cart_div.show.sent button {
	transition: opacity 1s;
	opacity: 0;
}

.sent_info {
	grid-area: send_btn;
	padding: 0.75rem;
	font-size: 1rem;
	text-align: center;
	background-color: var(--secondGreenColorHSL);
	opacity: 0;
	pointer-events: none;
}
.cart_div.show.sent .sent_info {
	transition: opacity 1s;
	opacity: 1;
}