.bn-signup-card-wrapper {
	width: 100%;
	gap: 30px;
	margin-bottom: 16px;
}

.bn-signup-card {
	box-shadow: 0px 2px 9.6px 0px #00000040;
	border-radius: 10px;
	padding: 30px;
	border: 2px solid transparent;
	cursor: pointer;
	transform: scale3d(1, 1, 1);
}

.bn-signup-card-wrapper .bn-signup-card:hover,
.bn-signup-card-wrapper .bn-signup-card.bn-active {
	cursor: pointer;
	border: 2px solid transparent; /* Remove default border */
	background-image: linear-gradient(white, white), linear-gradient(90deg, #34c5c9 0%, #11a3f2 100%);
	background-origin: border-box;
	border-radius: 10px;
	background-clip: padding-box, border-box; /* Apply the gradient to the border area */
}
md-card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 8px;
	box-shadow: none;
}