.view-switcher__view-mode {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.view-switcher__view-btn {
	position: relative;
}

.view-switcher__view-btn::after {
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.view-panel .btn-view-grid {
	border-radius: 0
}

.view-panel .btn-view-list {
	border-radius: 0
}

.view-switcher__view-btn.btn-view-grid::after {
	background-image: url("img/view-grid--default.svg");
	right: 20px;
}

.view-switcher__view-btn.btn-view-list::after {
	background-image: url("img/view-list--default.svg");
	left: 20px;
}

.view-switcher__view-btn.btn-view--active.btn-view-grid::after {
	background-image: url("img/view-grid--active.svg");
}

.view-switcher__view-btn.btn-view--active.btn-view-list::after {
	background-image: url("img/view-list--active.svg");
}

.btn-view + .btn-view {
	margin-left: -1px;
}

.btn-view-grid,
.btn-view-list {
	padding: 20px;
	border-left: 1px solid #ececec;
	width: 56px;
	height: 56px;
}

.btn-view-grid {
	border-radius: 90px 0 0 90px;
}

.btn-view-list {
	border-radius: 0 90px 90px 0;
}

@media (max-width: 920px) {
	.btn-view-grid, .btn-view-list {
		padding: 12px;
		border: 1px solid rgba(248, 248, 248, 1);
		width: 40px;
		height: 40px;
	}

	.view-switcher__view-btn.btn-view-grid::after {
		right: 11px;
	}
	.view-switcher__view-btn.btn-view-list::after {
		left: 11px;
	}

	.view-panel .btn-view-grid {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.view-panel .btn-view-list {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}