/* =============================================================
   Paginação
   ============================================================= */

.paginacao {
	margin-block-start: var(--e-7);
}

.paginacao__lista {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--e-2);
}

.paginacao__item a,
.paginacao__item span {
	display: grid;
	place-items: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding-inline: var(--e-3);
	border: 1px solid var(--c-borda);
	border-radius: var(--raio);
	font-size: var(--t-sm);
	font-weight: var(--peso-medio);
	color: var(--c-texto-medio);
	text-decoration: none;
	transition: border-color var(--transicao), color var(--transicao);
}

.paginacao__item a:hover {
	border-color: var(--c-acao);
	color: var(--c-acao);
}

.paginacao__item .current {
	background: var(--c-acao);
	border-color: var(--c-acao);
	color: var(--c-texto-inverso);
}

.paginacao__item .dots {
	border-color: transparent;
}