.wl-list {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat( var( --wl-columnas, 1 ), 1fr );
	gap: 10px;
}

.wl-item {
	margin: 0;
}

.wl-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	text-decoration: none;
	color: inherit;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.wl-link::before {
	content: "\2192"; /* → */
	color: #2271b1;
	font-weight: 700;
}

.wl-link:hover,
.wl-link:focus {
	border-color: #2271b1;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, .08 );
	transform: translateY( -1px );
}

.wl-link-name {
	font-weight: 600;
}

.wl-empty {
	font-style: italic;
	opacity: .8;
}

@media ( max-width: 600px ) {
	.wl-list {
		grid-template-columns: 1fr;
	}
}