.wd-nav-pagin:not([class*=wd-type-]), .wd-nav-pagin.wd-lock {
	opacity: 0;
}

.wd-nav-pagin-wrap[class*=wd-style-shape] span {
	display: inline-flex;
	width: var(--wd-pagin-size, 10px);
	height: var(--wd-pagin-size, 10px);
	background-color: var(--wd-pagin-bg, unset);
	border: var(--wd-pagin-brd-width, 2px) var(--wd-pagin-brd-style, solid) var(--wd-pagin-brd-color, var(--color-gray-300));
	border-radius: var(--wd-pagin-radius, var(--wd-pagin-size, 10px));
	transition: all .25s ease;
}

.wd-nav-pagin-wrap[class*=wd-style-shape] li:not(.wd-active):hover span {
	border-color: var(--wd-pagin-brd-color-hover, var(--color-gray-800));
	background-color: var(--wd-pagin-bg-hover, var(--wd-pagin-bg, unset));
}