/**
 * "רוצה גם להיות יועץ בלשכה?" - `1323:10663` on the consultations tab, `1304:9660`
 * on an advisor's page (839 x 138). Its own file since 29/09, because the second
 * of those is not the personal area and does not load consultations.css.
 */

.gb-consult__join {
	--gb-consult-radius: 20px;
}

.gb-consult__join {
	display: flex;
	box-sizing: border-box;
	min-block-size: 159px;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	padding: 30px 63px 30px 63px;
	border-radius: var(--gb-consult-radius);
	background: var(--gb-area-grey, #f3f3f5);
}

.gb-consult__join-copy {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

.gb-consult__join-title {
	margin: 0;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}

.gb-consult__join-button {
	display: inline-flex;
	min-block-size: 40px;
	align-items: center;
	padding-inline: 20px;
	border-radius: 999px;
	background: var(--gb-area-amber, #fcac0b);
	color: var(--gb-area-white, #fff);
	font-size: 1.125rem;
	text-decoration: none;
	transition: background 0.2s ease;
}

.gb-consult__join-button:hover,
.gb-consult__join-button:focus-visible {
	background: var(--gb-area-blue, #1043ff);
	color: var(--gb-area-white, #fff);
}

.gb-consult__chevrons {
	flex: none;
}


@media (max-width: 760px) {
	.gb-consult__join {
		padding: 24px;
	}

	.gb-consult__join-title {
		font-size: 1.5rem;
	}

	.gb-consult__chevrons {
		display: none;
	}
}