.links-plane {
	display: grid;
	grid-template-columns: repeat(auto-fill, 32%);
	grid-column-gap: 5px;
	justify-content: space-between
}

.links-item {
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	padding: 10px;
	top: 0;
	position: relative;
	transition: .3s;
	margin-bottom: 10px
}

.links-item-empty {
	visibility: hidden
}

@media screen and (max-width:800px) {
	body .links-plane {
		grid-template-columns: repeat(auto-fill, 45%)
	}
}

@media screen and (max-width:500px) {
	body .links-item img {
		width: 24px
	}

	body .links-plane {
		grid-template-columns: repeat(auto-fill, 100%)
	}

	body .link-description {
		display: none
	}
}

.links-item:hover {
	top: -5px
}

.links-item>a {
	display: flex
}

.links-item img {
	width: 48px;
	max-width: unset
}

.link-info-plane {
	margin-left: 10px
}

.link-title {
	font-size: 14px;
	color: #3c3c3c;
	white-space: nowrap;
	font-weight: 600
}

.link-description {
	font-size: 14px;
	color: #8f8f8f
}

.links-item>a {
	color: #333 !important
}