.boxx {
	border: 10px solid transparent;
	/*border-image: linear-gradient(45deg, rgba(50, 50, 50, 1) 0%, rgba(50, 50, 50, 0) 20%, rgba(50, 50, 50, 0) 80%, rgba(50, 50, 50, 1) 100%) 1;*/
	background-image: linear-gradient(white, white), linear-gradient(65deg, rgba(190, 190, 190, 1) 0%, rgba(220, 220, 220, 1) 15%, rgba(220, 220, 220, 1) 85%, rgba(190, 190, 190, 1) 100%);
	/* linear-gradient(135deg,rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 0) 89%, rgba(255, 0, 0, 1) 100%); */
	border-width: 1px;
	border-style: solid;
	background-origin: border-box;
	background-clip: padding-box, border-box;
	border-radius: 10px;
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 black;*/
}

.boxx h2 {
	font-size:1.5em;
	/*padding:.4em;
	padding-left:0;
	background-color:#ddd;
	border-top-left-radius:10px;
	border-top-right-radius:10px;*/
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:1em;
	font-weight: 400;
	/*padding:0;*/
	background-color:var(--background-color-softer);
}

.boxx p {
	padding-left:0;
}

.signUpPrice {
	font-size:150%;
	font-weight:300;
}

.signUpBox {
	display:flex;
	align-items: center;
	gap:.7em;
	border-bottom:1px solid #eee;
	padding:1em;
	margin-bottom:.5em;
	/*padding:.5em;
	border-radius:5px;*/
}

.signUpButton {
	flex:1;
}

.signUpBox button {
	width:100%;
}

.signUpInfo {
	color:grey;
	font-size:90%;
	flex:1;
}

.boxx img {
	width:40%;
	float:right;
	margin-left:.6em;
	margin-bottom:.6em;
}

.boxxContent {
	padding:1em;
}