.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}@media(max-width:640px){.pagination{flex-direction:column}}.pagination__info{font-size:.875rem;color:#4b5563}.pagination__info span{font-weight:500}.pagination__nav{display:inline-flex;border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden}.pagination__button{background-color:#fff;color:#1f2937;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border:1px solid #d1d5db;position:relative;display:inline-flex;align-items:center;transition:background-color .2s}.pagination__button:hover{background-color:#f9fafb}.pagination__button:focus{outline:none;z-index:20}.pagination__button--active{background-color:#fde68a;color:#000;z-index:10}.pagination__button--disabled{opacity:.5;cursor:not-allowed}.pagination__prev{border-radius:.375rem 0 0 .375rem;padding:.5rem;color:#9ca3af}.pagination__next{border-radius:0 .375rem .375rem 0;padding:.5rem;color:#9ca3af}