.paginator {}
	.paginator__inner {display: flex;}
		.paginator__button {
			flex: none;
			font-family: Montserrat;
			font-style: normal;
			font-weight: bold;
			font-size: 22px;
			line-height: 27px;
		}
		.paginator__button:hover, .paginator__button.is-active {
			color: #F8A03C;
			opacity: 1;
		}
		.paginator__pages{
			margin: 0 24px;
		}
		.paginator__pages .paginator__button:hover:after, .paginator__button.is-active:after {
			content: '';
			position: absolute;
			margin-left: auto;
			margin-right: auto;
			bottom: 0;
			left: 0;
			right: 0;
			width: 27px;
			height: 3px;
			background-color: #F8A03C;
			border-radius: 3px;
		}
		.paginator__pages {display: flex;}
			.paginator__divider {
				font-weight: 600;
				pointer-events: none;
			}

.button-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 0;
	height: 48px;
	width: 48px;
	line-height: 40px;
	border: 0;
	color: #371F0B;
	opacity: 0.2;


	text-decoration: none;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
}
	.button-icon__arrow{
		border-radius: 50%;
		background-color: #F8A03C;
		opacity: 1;
	}

	.button-icon__arrow:after{
		content: '';
		position: absolute;
		left: 4.66%;
		right: 94.42%;
		top: 90.41%;
		bottom: 9.32%;

		border: 2.964px solid #FFFFFF;
		transform: matrix(0, 1, 1, 0, 0, 0);
	}

	.button-icon__arrow.is-disabled{
		background-color: #E2E2E2;
	}
	.button-icon__arrow.is-disabled{
		background-color: #E2E2E2;
	}

	.arrow-right svg{
		margin-left: 6px;
	}

	.arrow-left svg{
		margin-right: 6px;
	}

	@media(max-width: 767px){
		.button-icon {
			height: 36px;
			width: 36px;
		}

		.paginator__pages{
			margin: 0 12px;
		}

		.arrow-right svg{
			margin-left: 3px;
		}
	
		.arrow-left svg{
			margin-right: 3px;
		}
	}