.valora-link-cards {
	--valora-link-card-icon-duration: 650ms;
	--valora-link-card-end-icon-display: grid;
	width: 100%;
	font-family: Inter, sans-serif;
}

.valora-link-cards__grid {
	display: grid;
	grid-template-columns: repeat(var(--valora-link-cards-columns, 3), minmax(0, 1fr));
}

.valora-link-card {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	border-style: solid;
	text-decoration: none;
	backdrop-filter: blur(10px) saturate(125%);
	-webkit-backdrop-filter: blur(10px) saturate(125%);
	transition: background-color 260ms ease, border-color 260ms ease, box-shadow 260ms ease, transform 320ms cubic-bezier(.16, 1, .3, 1);
}

.valora-link-card:hover,
.valora-link-card:focus-visible {
	transform: translate3d(0, calc(-1 * var(--valora-link-card-lift, 4px)), 0);
	text-decoration: none;
}

.valora-link-card:focus { outline: none; }
.valora-link-card:focus-visible { outline: 2px solid #b7ef45; outline-offset: 3px; }

.valora-link-card__icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	line-height: 1;
}

.valora-link-card__arrow {
	display: var(--valora-link-card-end-icon-display, grid);
	flex: 0 0 auto;
	place-items: center;
	line-height: 1;
}

.valora-link-card__icon svg,
.valora-link-card__icon i,
.valora-link-card__icon img,
.valora-link-card__arrow svg,
.valora-link-card__arrow i {
	display: block;
	width: 1em;
	height: 1em;
	object-fit: contain;
}

.valora-link-card__icon,
.valora-link-card__icon svg,
.valora-link-card__icon svg *,
.valora-link-card__arrow {
	transition: color 240ms ease, fill 240ms ease, stroke 240ms ease, filter 300ms ease, transform var(--valora-link-card-icon-duration) cubic-bezier(.16, 1, .3, 1);
}

.valora-link-card__copy {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	flex-direction: column;
}

.valora-link-card__title,
.valora-link-card__description {
	display: block;
	transition: color 240ms ease;
}

.valora-link-card__title { font-size: 15px; font-weight: 600; line-height: 1.25; }
.valora-link-card__description { font-size: 14px; font-weight: 400; line-height: 1.35; }
.valora-link-card__arrow {
	margin-left: 14px;
	transform-origin: center;
}
.valora-link-card__arrow svg {
	fill: none !important;
	height: 100%;
	overflow: visible;
	stroke: currentColor !important;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: var(--valora-link-card-arrow-stroke, 1.8);
	width: 100%;
}
.valora-link-card:hover .valora-link-card__arrow,
.valora-link-card:focus-visible .valora-link-card__arrow {
	filter: drop-shadow(0 3px 7px currentColor);
	transform: translate3d(3px, -3px, 0) scale(1.08);
}

.valora-link-cards--icon-spring .valora-link-card:hover .valora-link-card__icon,
.valora-link-cards--icon-spring .valora-link-card:focus-visible .valora-link-card__icon { transform: translate3d(0, -4px, 0) scale(1.08); }
.valora-link-cards--icon-pulse .valora-link-card:hover .valora-link-card__icon,
.valora-link-cards--icon-pulse .valora-link-card:focus-visible .valora-link-card__icon { animation: valora-link-card-pulse var(--valora-link-card-icon-duration) ease both; }
.valora-link-cards--icon-turn .valora-link-card:hover .valora-link-card__icon,
.valora-link-cards--icon-turn .valora-link-card:focus-visible .valora-link-card__icon { transform: rotate(-9deg) scale(1.08); }
.valora-link-cards--icon-glow .valora-link-card:hover .valora-link-card__icon,
.valora-link-cards--icon-glow .valora-link-card:focus-visible .valora-link-card__icon { filter: drop-shadow(0 0 9px currentColor); transform: scale(1.1); }

@keyframes valora-link-card-pulse {
	0%, 100% { transform: scale(1); }
	45% { transform: scale(1.13); }
	70% { transform: scale(.98); }
}

@media (max-width: 767px) {
	.valora-link-card { min-height: 88px; }
}

@media (prefers-reduced-motion: reduce) {
	.valora-link-card,
	.valora-link-card__icon,
	.valora-link-card__icon svg,
	.valora-link-card__icon svg *,
	.valora-link-card__arrow { animation: none !important; transition: none !important; transform: none !important; }
}
