.simple-pagination { }

.simple-pagination .simple-pagination-buttons { margin: 20px 0 30px 0; }

.simple-pagination ul { list-style: none; margin: 0; }

.simple-pagination ul li { display: inline-block; margin: 0 5px; font-size: 0; vertical-align: middle; padding: 2px; }

.simple-pagination ul li input[type=button] { display: block; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 0; transition: 0.2s all; margin: 0; vertical-align: middle; cursor: pointer; padding: 0; }
.simple-pagination ul li input[type=button]:hover { transform: scale(1.2); }

.simple-pagination ul li input[type=button][disabled] { opacity: 0.5; }
.simple-pagination ul li input[type=button][disabled]:hover { transform: scale(1); }

.simple-pagination input[type=button].first-page { background-image: url("/_assets/icon-first-page-purple.png"); background-size: 15px 21px; width: 19px; height: 25px; }
.simple-pagination input[type=button].prev-page { background-image: url("/_assets/icon-prev-page-purple.png"); background-size: 11px 21px; width: 15px; height: 25px; }
.simple-pagination input[type=button].last-page { background-image: url("/_assets/icon-last-page-purple.png"); background-size: 15px 21px; width: 19px; height: 25px; }
.simple-pagination input[type=button].next-page { background-image: url("/_assets/icon-next-page-purple.png"); background-size: 11px 21px; width: 15px; height: 25px; }

body.c2025 .simple-pagination input[type=button].first-page {
	background-image: url("/_assets/icon-first-page-hl-dark-green.png");
}

body.c2025 .simple-pagination input[type=button].prev-page {
	background-image: url("/_assets/icon-prev-page-hl-dark-green.png");
}

body.c2025 .simple-pagination input[type=button].next-page {
	background-image: url("/_assets/icon-next-page-hl-dark-green.png");
}

body.c2025 .simple-pagination input[type=button].last-page {
	background-image: url("/_assets/icon-last-page-hl-dark-green.png");
}

.simple-pagination li.curr-page input[type=text] {
	display: inline-block;
	font-family: berlingske_sans_roundregular;
	line-height: 1em;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #808080;
	vertical-align: middle;
	width: 2em;
	text-align: center;
	color: #000000;
}

.simple-pagination li.curr-page span { display: inline-block; vertical-align: middle; margin-left: 10px; font-family: Roobert, sans-serif; font-size: 14px; line-height: 1em; color: #000000; }

.pagination-centered ul { text-align: center; }

.simple-pagination-2 { }
.simple-pagination-2 .simple-pagination-buttons { margin: 20px 0 30px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.simple-pagination-2 .simple-pagination-buttons .previous-section,
.simple-pagination-2 .simple-pagination-buttons .next-section { display: flex; flex-direction: row; align-items: center; gap: 10px; }

.simple-pagination-2 .simple-pagination-buttons .previous-section input[type=button] { transform: rotate(180deg); }

.simple-pagination-2 .simple-pagination-buttons input[type=button] { display: block; background-color: transparent; width: 40px; height: 40px; border: 1px solid var(--hl-light-green); background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); background-size: 50%; background-position: center; background-repeat: no-repeat; cursor: pointer; margin: 0; }

.simple-pagination-2 .simple-pagination-buttons input[type=button][disabled] { opacity: 0.5; pointer-events: none; }

.simple-pagination-2 .btn-see-all { background-color: var(--hl-dark-green); color: #ffffff; gap: 10px; }
.simple-pagination-2 .btn-see-all:after { content: ""; width: 16px; height: 16px; background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); background-size: contain; background-repeat: no-repeat; transform: rotate(-45deg); }

.simple-pagination-2 .curr-page { font-family: Roobert, sans-serif; color: var(--hl-dark-green); font-size: 17px; }