.mess-pagination{align-items:center;display:flex;justify-content:center}.mess-pagination ul{align-items:center;display:flex;gap:1rem;margin:0 1rem}.mess-pagination button{align-items:center;border:2px solid transparent;display:flex;margin:0}.mess-pagination button:hover{border-color:#00f}.mess-pagination button:focus{border:2px dotted blue}.mess-pagination .disabled{cursor:not-allowed}.mess-pagination{color:var(--teal)}.mess-pagination ul{gap:1.5rem}@media (max-width:768px){.mess-pagination ul{gap:.25rem}.mess-pagination ul li button{min-width:24px}}.mess-pagination button:hover{border-color:transparent}.mess-pagination button:focus{border:2px dotted var(--teal-gray)}.mess-pagination .arrow{color:var(--teal);margin:0 1rem}.mess-pagination .arrow:hover:not(.disabled){cursor:pointer}.mess-pagination .arrow:hover:not(.disabled) svg{color:var(--orange-dark)}.mess-pagination .arrow.disabled{color:var(--cream-dark)}.mess-pagination .number{color:var(--teal-gray)}.mess-pagination .number.active{color:var(--teal);font-weight:300}.mess-pagination .number:hover{color:var(--orange-dark)}