.call-to-action .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.call-to-action .inner .subtitle {
	width: 100%;
	max-width: 103px;
}

.call-to-action .inner .icon {
	width: 100%;
	max-width: 37px;
	translate: 0 -8px;
}

.call-to-action .inner .title {
	position: relative;
	font-family: var(--font-cursive);
	font-size: var(--text-2xl);
	font-weight: 400;
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-common);
	color: var(--white);
	text-align: center;
}

.call-to-action .inner .title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 0;
	background-color: var(--green);
	opacity: 0;
	pointer-events: none;
	transition: width var(--transition-appendix), opacity var(--transition-appendix);
}

@media (hover: hover) {
	.call-to-action:hover .inner .title::after {
		width: 100%;
		opacity: 1;
	}
}

@media (min-width: 64em) {
	.call-to-action .inner .subtitle {
		max-width: 120px;
	}

	.call-to-action .inner .icon {
		max-width: 44px;
		translate: 0 -4px;
	}

	.call-to-action .inner .title {
		font-size: 2.25rem;
		margin-top: var(--space-1);
	}
}