.kf-footer-cta-3 {
	width: 100%;
}

.kf-footer-cta-3__list {
	display: flex;
	align-items: stretch;
	gap: 40px; /* required gap */
}

.kf-footer-cta-3__item {
	position: relative;
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	text-decoration: none;

	background: var(--kf-footer-cta-bg, #ffffff);
	color: var(--kf-footer-cta-text, #1A1825);
	/* border: 1px solid var(--kf-footer-cta-border, #19191926); */
	border-radius: 20px; /* required */

	box-shadow: inset -6px -10px 24px 1px #FFFFFF44;
	backdrop-filter: blur(12px);


	overflow: hidden;

	transition:
		flex-grow 320ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 280ms ease,
		color 280ms ease,
		transform 280ms ease,
		box-shadow 280ms ease;
}

.kf-footer-cta-3__item::before {
	content: '';
	position: absolute;
	inset: 0px;
   
	border-radius: inherit;

	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
  
	pointer-events: none;

	padding: 1px;
	background: linear-gradient(105deg, rgba(255, 255, 255, .8) 6%, rgba(255, 255, 255, .2) 16%, rgba(255, 255, 255, .7) 100%);
}

.kf-footer-cta-3__item:hover::before {
	display: none;
}

.kf-footer-cta-3__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-width: 0;
	padding: 24px 28px;
	box-sizing: border-box;
}

.kf-footer-cta-3__title {
	display: block;

	font-weight: 500;
	font-size: 30px;
	line-height: 90%;
	letter-spacing: -2%;

	display: flex;
    justify-content: space-between;
    align-items: center;

}

.kf-footer-cta-3__description {
	display: block;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;

}

.kf-footer-cta-3__description > :first-child {
	margin-top: 0;
}

.kf-footer-cta-3__description > :last-child {
	margin-bottom: 0;
}

.kf-footer-cta-3__link-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;

    font-family: "degular-variable", sans-serif;
    /* font-weight: 500; */
    font-size: 18px;
    line-height: 100%;
    /* letter-spacing: 0%; */

	display: none;
}

.kf-footer-cta-3__link-title::after {
    content: url('data:image/svg+xml,<svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4.76837e-07L0 7L6 3.50146L0 4.76837e-07Z" fill="%235F61FF"/></svg>');
}

.kf-footer-cta-3__list:hover .kf-footer-cta-3__link-title::after {
    filter: brightness(0) invert(1);
}

	.kf-footer-cta-3__list:not(:hover) .kf-footer-cta-3__item:first-child,
	.kf-footer-cta-3__item:hover {
		background: var(--kf-footer-cta-bg-active, #1A1825);
		color: var(--kf-footer-cta-text-active, #fff);

        border-color: var(--kf-footer-cta-bg-active, #1A1825);

		/* transform: translateY(-4px); */
		z-index: 2;

		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
	}

	.kf-footer-cta-3__list:not(:hover) .kf-footer-cta-3__item:first-child::before {
		display: none;
	}

/* MOBILE */
@media (max-width: 767px) {
	.kf-footer-cta-3__list {
		flex-direction: column;
		gap: 16px; /* 40px is too large for mobile UX */
	}

	.kf-footer-cta-3__item {
		width: 100%;
		flex: 0 0 auto;
        
        border: 0px;

		/* background: var(--kf-footer-cta-bg-active, #1A1825);
		color: var(--kf-footer-cta-text-active, #fff); */
	}

	.kf-footer-cta-3__item::before {
		display: none;
	}


    .kf-footer-cta-3__item:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
    }

	.kf-footer-cta-3__content {
		padding: 22px 24px;
		transition: transform 220ms ease;
	}

	.kf-footer-cta-3__item:hover .kf-footer-cta-3__content,
	.kf-footer-cta-3__item:focus-visible .kf-footer-cta-3__content {
		transform: translateY(-2px);
	}

    .kf-footer-cta-3__list .kf-footer-cta-3__link-title::after {
        filter: brightness(0) invert(1);
    }
}