/* ==========================================================
   Hover List Widget
   ========================================================== */

.hl-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.hl-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	background-color: transparent;
	border: none;
	border-radius: 6px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.3s, transform 0.3s;
}

.hl-item:hover {
	color: #1a2e5a;
	transform: translateX(8px);
}

.hl-text {
	flex: 1;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.hl-icon {
	flex-shrink: 0;
	font-size: 14px;
	color: #1a2e5a;
	margin-left: 12px;
	transition: color 0.3s;
}

.hl-item:hover .hl-icon {
	color: #1a2e5a;
}

a.hl-item {
	text-decoration: none;
}

a.hl-item:hover {
	text-decoration: none;
}