.view-switch {
	display: flex;
	gap: 25px;
}

.view-switch > * {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.view-switch .list {
	background-image: url('../icon/list.svg');
}

.view-switch .grid {
	background-image: url('../icon/grid.svg');
}

.view-switch .list.active {
	background-image: url('../icon/list_active.svg');
}

.view-switch .grid.active {
	background-image: url('../icon/grid_active.svg');
}

@media (max-width: 767px) {
	.view-switch {
		display: none;
	}
}