@charset "utf-8";
/* CSS Document */
/* pagination */       
.pagination * {
	box-sizing: border-box;
}       
.pagination button {
	 background-color: transparent;
	 border: none;
	 cursor: pointer;
	 outline: none;
	 padding: 0;
	 appearance: none;
}       
.pagination {
	 display: flex;
	 justify-content: center;
	 padding-top: 32px;
	 gap: 10px;
}
.pagination .pagesnumber {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 8px;
}
.pagination .pagesnumber li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 29px;
	height: 29px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #152768;
	font-size: 15px;
	font-weight: bold;
}
.pagination .pagesnumber li a:hover {
	opacity: .7;
}
.pagination .pagesnumber li.current a {
	background-color: #152768;
	color: #fff;
	pointer-events: none;
}
.prev-page button,
.next-page button {
	display: block;
	width: 12px;
	height: 12px;
	border-bottom: 1px solid #152768;
	border-right: 1px solid #152768;
}
.prev-page button {
	transform: translate(0, 9px) rotate(135deg);
}
.next-page button {
	transform: translate(0, 9px) rotate(-45deg);
}
.prev-page button:hover,
.next-page button:hover {
	opacity: .7;
}
.pagination .prev-page.disabled button,
.pagination .next-page.disabled button {
	opacity: .3;
	cursor: default;
}
@media screen and (min-width: 48em) {
.pagination .pagesnumber {
     gap: 10px;
 }	
.pagination .pagesnumber li a {
	width: 34px;
	height: 34px;
	font-size: 19px;
}
.prev-page button,
.next-page button {
	width: 15px;
	height: 15px;
}
}