.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    flex-wrap: wrap;
}

    .pagination button {
        min-width: 38px;
        height: 38px;
        padding: 0 12px;
        border: none;
        border-radius: 8px;
        background: #f3f4f6;
        color: #4b5563;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all .2s ease;
    }

        .pagination button:hover:not(:disabled) {
            background: #e5e7eb;
        }

        .pagination button.active {
            background: var(--third-color);
            color: #fff;
        }

        .pagination button:disabled {
            opacity: .5;
            cursor: not-allowed;
        }

    .pagination .ellipsis {
        min-width: 38px;
        text-align: center;
        color: #9ca3af;
        font-size: 14px;
    }