.pagination {
	display: flex;
}

.pointer-events-none {
	pointer-events: none;
}

html[dir=ltr] li button {
	border: 1px solid var(--cmty-neutrals-web-gray300);
	border-radius: 2px;
	color: var(--cmty-black-dark100);
	font-weight: unset;
	padding: 6px 12px;
	font-size: var(--cmty-font-size-sm);
}

.pagination > .active > button, .pagination > .active > button:hover, .pagination > .active > button:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
	border: 1px solid var(--cmty-neutrals-web-gray300);
	border-radius: 2px;
	color: var(--cmty-white);
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > button, .pagination > .disabled > button:hover, .pagination > .disabled > button:focus {
	display: none;
}

.pagination > .active > button, .pagination > .active > button:focus, .pagination > .active > button:hover {
	background-color: var(--cmty-dymamics-primary) !important;
}

.pagination > li > button, .pagination > li > span {
	background-color: transparent;
	border: 0px;
	margin-right: 6px;
	width: 39px;
	height: 39px;
	text-align: center;
}

	.pagination > li > button:active:focus {
		border: 1px solid var(--cmty-neutrals-web-gray300);
		background-color: var(--cmty-dymamics-primary) !important;
	}