.footer-cta {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-6) var(--space-4);
	max-width: 244px;
	margin: 0 auto;
}

.footer-cta .icon-cont {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 36px;
	height: 36px;
	background-color: var(--light-green);
	transition: background-color ease 400ms;
}

.footer-cta .icon-cont i {
	color: #000;
	font-size: 21px;
}

.footer-cta .icon-cont img {
	width: 100%;
	max-width: 21px;
}

.footer-cta .widget-title {max-width: 15ch;}

.footer-cta .widget-title a {
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.16;
	color: var(--white);
	text-transform: uppercase;
}

@media (hover: hover) {
	.footer-cta .widget-title a:hover { background-color: transparent; }
}

@media (min-width: 40em) {
	.footer-cta {
		justify-content: center;
		align-items: center;
		padding: var(--space-10) var(--space-4);
		max-width: unset;
	}
}

@media (min-width: 64em) {
	.footer-cta { padding: 0; }

	.footer-cta .icon-cont { background-color: var(--green); }

	@media (hover: hover) {
		.footer-cta:hover .icon-cont { background-color: var(--yellow); }
	}
}