.panel-footer .wrapped-ctas {
	gap: 16px;
    display: grid;
	background: var(--white);
}

.plan-your-trip-cta {
	--title-color: var(--gray-100);
	--subtitle-color: var(--gray-100);
	--icon-color: var(--gray-100);
	--title-font-family: var(--font-display);
	--subtitle-font-family: var(--font-body);
	height: 100%;
	background: var(--white);

	a {
		text-decoration: none;
	}

	.plan {
		background: var(--light-yellow);
	}

	.virtual {
		background: var(--light-blue);
	}

	.subscribe{
		background: var(--orange);

		* {
			color: var(--white);
		}
	}

	@media (hover: hover) {
		&:hover img {
			scale: 1.1;
		}
	}
}

.plan-your-trip-cta .inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	height: 100%;
	min-height: 87px;
	padding: 20px;

	img {
		max-width: 45px;
		transition: scale 0.3s linear;
	}
}

.plan-your-trip-cta .icon {
	color: var(--icon-color);
	font-size: 1.125rem;
	font-weight: 400;
}

.plan-your-trip-cta .content {
	display: flex;
	flex-direction: column;
}

.plan-your-trip-cta .title {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 22px;
	line-height: 1.3;
	text-transform: uppercase;
}

.plan-your-trip-cta .title:after {
		content: "\f061";
		font-family: "Font Awesome 6 Pro";
		position: relative;
		top: -3px;
		left: 10px;
		font-size: 13px;
		border: 2px solid;
		width: 24px;
		height: 24px;
		display: inline-flex;
		border-radius: 100%;
		padding: 2.5px 4px;
	}

.plan-your-trip-cta .subtitle {
	font-family: var(--font-body);
	font-size: 0.8125rem;
	letter-spacing: var(--tracking-wider);
	line-height: 1.3;
}

.plan-your-trip-cta .read-more {
	font-size: var(--text-xs);
}

@media screen and (min-width: 64em) {
	.panel-footer .wrapped-ctas {
		grid-template-columns: repeat(3, 1fr); 
  		gap: 16px;
		overflow: hidden;
		margin-top: 15px;
	}

	.panel-footer .wrapped-ctas .contentRender_name_plugins_common_embed{
		grid-column: 1 / -1;
	}

	.plan-your-trip-cta {
		.plan {
			border-radius: 0 10px 10px 0;
		}

		.virtual {
			border-radius: 10px;
		}

		.subscribe{
			border-radius: 10px 0 0 10px;
		}
	}

	.plan-your-trip-cta .inner {
		padding: 23px 43px;
		min-height: inherit;
	}

	.plan-your-trip-cta .subtitle {
		font-size: var(--text-sm);
		letter-spacing: var(--tracking-wider);
		line-height: 1.3;
	}

	.plan-your-trip-cta .read-more {
		font-size: 15px;
	}
	.plan-your-trip-cta .title {
		font-size: var(--text-2xl);
		line-height: 1.3;
	}
}
