#pagination {padding: 0 0 80px;}
#pagination .conteudo {max-width: 772px; margin: 0 0 0 auto;}
#pagination ul {display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; justify-content: center;}
#pagination .link {display: flex; background: var(--branco); font: 400 17px montserrat; color: var(--preto1); text-align: center; border: 2px solid var(--cinza4); cursor: pointer; transition: 0.2s; aspect-ratio: 1 / 1; justify-content: center; align-items: center; border-radius: 10px; width: 45px; height: 45px;}
#pagination .botao {display: flex; background: var(--preto1); font: 400 17px montserrat; color: var(--branco); text-align: center; cursor: pointer; transition: 0.2s; aspect-ratio: 1 / 1; justify-content: center; align-items: center; border-radius: 10px; width: 45px; height: 45px;}

#pagination .number-li {width: min-content; display: flex; gap: 5px; font: 700 15px/1 montserrat; color: var(--cor1); align-items: center;}
#pagination .number-li .number-input {display: flex; gap: 5px; font: 400 15px/1 montserrat; padding: 0 9px; min-width: 45px; width: 0%; color: var(--cor1); border-radius: 10px; height: 100%; background: var(--branco); text-align: center; border: 2px solid var(--cinza4);}

#pagination .number-li .botao.proxima-pagina svg,
#pagination .number-li .link.proxima-pagina svg {transform: rotate(-90deg);}

#pagination .divisao {display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; justify-content: center;}

#pagination .number-li .botao.pagina-anterior svg,
#pagination .number-li .link.pagina-anterior svg {transform: rotate(90deg);}

#pagination ul.bigger-list {flex-direction: column; align-items: center;}

#pagination .number-li .botao svg path,
#pagination .number-li .link svg path {transition: .3s;}

#pagination .number-li .botao:hover svg path {fill: var(--amarelo1);}
#pagination .number-li .link:hover svg path {fill: var(--branco);}

.ir-para-pagina {border-radius: 10px; border: 2px solid var(--cinza4); transition: .3s; background-color: var(--branco); color: var(--preto1); font: 400 17px montserrat; height: 45px; padding: 0 15px; display: flex; align-items: center;}
.ir-para-pagina:hover {color: var(--branco); cursor: pointer; border-color: var(--amarelo1); background-color: var(--amarelo1);}

#pagination .link:hover,#pagination .link.ativo {background: var(--amarelo1); color: var(--branco); border-color: var(--amarelo1);}

@media (max-width:990px) {
     #pagination {padding: 0 0 35px;}
     #pagination .conteudo {max-width: unset; margin: 0;}
}

@media (max-width: 600px) {
     .pagina-2,
     .pagina-penultimo,
     .reticencias {display: none !important;}

     #pagination .divisao {flex-wrap: nowrap; gap: 3.5%;}

     #pagination .botao,
     #pagination .link,
     #pagination .number-li .number-input {border: none; height: 30px; font-size: 15px; font-weight: 600; outline: none;}
     #pagination .number-li .number-input {box-shadow: 0 0 1px 1px #bdbdbd;}
     #pagination ul li.page {display: flex; align-items: center; box-shadow: 0 0 1px 1px var(--cinza4); border-radius: 8px;}
     .ir-para-pagina-li {box-shadow: none !important;}

     #pagination .botao svg {width: 14px; height: 14px;}

     .ir-para-pagina:hover {color: var(--branco); cursor: pointer; border-color: var(--amarelo1);}
     #pagination .link:hover,#pagination .link.ativo {color: var(--amarelo1); background-color: var(--branco1);}

}