@charset "utf-8";

#links {
	background: var(--pk0);
	border-top: 2px solid var(--pk1);
	border-bottom: 2px solid var(--pk1);
}
.links-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
	gap:15px;
}
.lcard {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 18px 20px;
	border-radius: var(--radius);
	background: var(--white);
	border: 2px solid var(--pk1);
	text-decoration: none;
	color: var(--text);
	transition: transform .22s, box-shadow .22s, border-color .22s;
	box-shadow: var(--shadow-sm);
}
.lcard:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow);
	border-color: var(--pk2);
}
.licon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}
.li-yt {
	background: #ffe5e5;
} 
.li-x {
	background: var(--pk1);
	font-weight: 900;
	font-family: sans-serif;
	font-size: 1.05rem; 
	color: var(--text);
}
.li-wishlist {
	background: var(--gold2);
}
.li-mond {
	background: var(--pk3);
}
.li-mail {
	background: #e5f0ff;
}
.linfo {
	flex:1;
} 
.lname {
	font-size: .88rem;
	font-weight: 800;
	display: block;
	margin-bottom: 2px;
} 
.lsub {
	font-size: .71rem;
	color: var(--text3);
	font-weight: 600;
}
.larr {
	color: var(--pk3);
	font-size: 1rem;
	font-weight: 900;
	transition: transform .2s;
}
.lcard:hover .larr {
	transform:translateX(5px);
}