.viva-card {
	position: relative;
	overflow: hidden;
	padding: clamp(1.25rem, 5vw, 2rem);
	border: 1px solid var(--viva-color-border);
	border-radius: var(--viva-radius-md);
	background: var(--viva-color-surface-1);
	box-shadow: none;
	transition:
		transform var(--viva-duration-base) var(--viva-ease),
		border-color var(--viva-duration-base) ease,
		background-color var(--viva-duration-base) ease;
}

.viva-card:hover {
	border-color: var(--viva-color-border-strong);
	background: var(--viva-color-surface-2);
	transform: translateY(-3px);
}

.viva-card--featured {
	border-color: var(--viva-color-border-strong);
	background:
		linear-gradient(145deg, rgb(48 80 80 / 0.28), transparent 55%),
		var(--viva-color-surface-1);
}

.viva-card__icon {
	display: grid;
	width: 48px;
	height: 48px;
	margin-bottom: 1.1rem;
	place-items: center;
	border-radius: var(--viva-radius-sm);
	background: rgb(212 175 55 / 0.08);
	color: var(--viva-color-gold);
}

.viva-card__title {
	margin-bottom: 0.55rem;
	font-size: var(--viva-fs-xl);
}

.viva-card__text {
	margin: 0;
	color: var(--viva-color-text-secondary);
}