.files {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: -.6em -.5em 0;
}

.files__item {
	display: flex;
	flex-direction: column;
	width: 10em;
	margin: .55em .4em;
	border-radius: 10px;
	background: #eaeaea;
	cursor: pointer;
}
.files__item:hover {
	text-decoration: none;
}

.files__img {
	width: 100%;
	object-fit: contain;
}

.files__title-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.files__title {
	width: 100%;
	padding: .3em;
	font-size: .9em;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}