
.wd-slider-pagin.wd-style-number-2 {
	--wd-pagin-gap: 30px;
	--wd-pagin-size: var(--wd-text-font-size);
}

.wd-slider-pagin.wd-style-number-2 li {
	display: flex;
	align-items: center;
	gap: 5px;
	min-height: var(--wd-pagin-size);
}

.wd-slider-pagin.wd-style-number-2 li span {
	font-weight: 600;
	font-size: var(--wd-pagin-size, var(--wd-text-font-size));
	color: var(--wd-pagin-color, var(--color-gray-800));
	line-height: 1;
	transition: all .25s ease;
}

.wd-slider-pagin.wd-style-number-2 li:before {
	content: "";
	position: absolute;
	inset: -10px 0;
}

.wd-slider-pagin.wd-style-number-2 li:after {
	content: "";
	width: calc(var(--wd-pagin-size) * 1.3);
	border-bottom: var(--wd-pagin-brd, 2px solid) var(--wd-pagin-brd-color, var(--color-gray-800));
	transition: all .25s ease;
}

.wd-slider-pagin.wd-style-number-2 li:hover span {
	color: var(--wd-pagin-color-hover, var(--color-gray-800));
}

.wd-slider-pagin.wd-style-number-2 li:hover:after {
	width: calc(var(--wd-pagin-size) * 2.5);
	border-color: var(--wd-pagin-brd-color-hover, var(--color-gray-800));
}

.wd-slider-pagin.wd-style-number-2 li.wd-active span {
	color: var(--wd-pagin-color-act, var(--color-gray-800));
}

.wd-slider-pagin.wd-style-number-2 li.wd-active:after {
	width: calc(var(--wd-pagin-size) * 3.2);
	border-color: var(--wd-pagin-brd-color-act, var(--color-gray-800));
}
